@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);
@import url(https://fonts.googleapis.com/css?family=Cabin:400,500);
@import url(https://fonts.googleapis.com/css?family=Covered+By+Your+Grace);

meta.foundation-version {
  font-family: "/5.5.1/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0;
}

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 640px)/";
  width: 0;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:641px)/";
  width: 641px;
}

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:641px) and (max-width:950px)/";
  width: 641px;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:951px)/";
  width: 951px;
}

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:951px) and (max-width:1170px)/";
  width: 951px;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em;
}

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
  width: 90.063em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 100%;
}

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto;
}

a:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearfix:before,
.ktc-default-section .phone-number:before,
.search-results .search-options:before,
.page-not-found .search-options:before,
[class*="error-page"] .search-options:before,
#quiz .option>div:before,
.clearfix:after,
.ktc-default-section .phone-number:after,
.search-results .search-options:after,
.page-not-found .search-options:after,
[class*="error-page"] .search-options:after,
#quiz .option>div:after {
  content: " ";
  display: table;
}

.clearfix:after,
.ktc-default-section .phone-number:after,
.search-results .search-options:after,
.page-not-found .search-options:after,
[class*="error-page"] .search-options:after,
#quiz .option>div:after {
  clear: both;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
  content: " ";
  display: table;
}

[class*="block-grid-"]:after {
  clear: both;
}

[class*="block-grid-"]>li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.625rem 1.25rem;
}

@media only screen {
  .small-block-grid-1>li {
    width: 100%;
    list-style: none;
  }

  .small-block-grid-1>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-1>li:nth-of-type(1n+1) {
    clear: both;
  }

  .small-block-grid-2>li {
    width: 50%;
    list-style: none;
  }

  .small-block-grid-2>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-2>li:nth-of-type(2n+1) {
    clear: both;
  }

  .small-block-grid-3>li {
    width: 33.33333%;
    list-style: none;
  }

  .small-block-grid-3>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-3>li:nth-of-type(3n+1) {
    clear: both;
  }

  .small-block-grid-4>li {
    width: 25%;
    list-style: none;
  }

  .small-block-grid-4>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-4>li:nth-of-type(4n+1) {
    clear: both;
  }

  .small-block-grid-5>li {
    width: 20%;
    list-style: none;
  }

  .small-block-grid-5>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-5>li:nth-of-type(5n+1) {
    clear: both;
  }

  .small-block-grid-6>li {
    width: 16.66667%;
    list-style: none;
  }

  .small-block-grid-6>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-6>li:nth-of-type(6n+1) {
    clear: both;
  }

  .small-block-grid-7>li {
    width: 14.28571%;
    list-style: none;
  }

  .small-block-grid-7>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-7>li:nth-of-type(7n+1) {
    clear: both;
  }

  .small-block-grid-8>li {
    width: 12.5%;
    list-style: none;
  }

  .small-block-grid-8>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-8>li:nth-of-type(8n+1) {
    clear: both;
  }

  .small-block-grid-9>li {
    width: 11.11111%;
    list-style: none;
  }

  .small-block-grid-9>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-9>li:nth-of-type(9n+1) {
    clear: both;
  }

  .small-block-grid-10>li {
    width: 10%;
    list-style: none;
  }

  .small-block-grid-10>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-10>li:nth-of-type(10n+1) {
    clear: both;
  }

  .small-block-grid-11>li {
    width: 9.09091%;
    list-style: none;
  }

  .small-block-grid-11>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-11>li:nth-of-type(11n+1) {
    clear: both;
  }

  .small-block-grid-12>li {
    width: 8.33333%;
    list-style: none;
  }

  .small-block-grid-12>li:nth-of-type(1n) {
    clear: none;
  }

  .small-block-grid-12>li:nth-of-type(12n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 641px) {
  .medium-block-grid-1>li {
    width: 100%;
    list-style: none;
  }

  .medium-block-grid-1>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-1>li:nth-of-type(1n+1) {
    clear: both;
  }

  .medium-block-grid-2>li {
    width: 50%;
    list-style: none;
  }

  .medium-block-grid-2>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-2>li:nth-of-type(2n+1) {
    clear: both;
  }

  .medium-block-grid-3>li {
    width: 33.33333%;
    list-style: none;
  }

  .medium-block-grid-3>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-3>li:nth-of-type(3n+1) {
    clear: both;
  }

  .medium-block-grid-4>li {
    width: 25%;
    list-style: none;
  }

  .medium-block-grid-4>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-4>li:nth-of-type(4n+1) {
    clear: both;
  }

  .medium-block-grid-5>li {
    width: 20%;
    list-style: none;
  }

  .medium-block-grid-5>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-5>li:nth-of-type(5n+1) {
    clear: both;
  }

  .medium-block-grid-6>li {
    width: 16.66667%;
    list-style: none;
  }

  .medium-block-grid-6>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-6>li:nth-of-type(6n+1) {
    clear: both;
  }

  .medium-block-grid-7>li {
    width: 14.28571%;
    list-style: none;
  }

  .medium-block-grid-7>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-7>li:nth-of-type(7n+1) {
    clear: both;
  }

  .medium-block-grid-8>li {
    width: 12.5%;
    list-style: none;
  }

  .medium-block-grid-8>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-8>li:nth-of-type(8n+1) {
    clear: both;
  }

  .medium-block-grid-9>li {
    width: 11.11111%;
    list-style: none;
  }

  .medium-block-grid-9>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-9>li:nth-of-type(9n+1) {
    clear: both;
  }

  .medium-block-grid-10>li {
    width: 10%;
    list-style: none;
  }

  .medium-block-grid-10>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-10>li:nth-of-type(10n+1) {
    clear: both;
  }

  .medium-block-grid-11>li {
    width: 9.09091%;
    list-style: none;
  }

  .medium-block-grid-11>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-11>li:nth-of-type(11n+1) {
    clear: both;
  }

  .medium-block-grid-12>li {
    width: 8.33333%;
    list-style: none;
  }

  .medium-block-grid-12>li:nth-of-type(1n) {
    clear: none;
  }

  .medium-block-grid-12>li:nth-of-type(12n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 951px) {
  .large-block-grid-1>li {
    width: 100%;
    list-style: none;
  }

  .large-block-grid-1>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-1>li:nth-of-type(1n+1) {
    clear: both;
  }

  .large-block-grid-2>li {
    width: 50%;
    list-style: none;
  }

  .large-block-grid-2>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-2>li:nth-of-type(2n+1) {
    clear: both;
  }

  .large-block-grid-3>li {
    width: 33.33333%;
    list-style: none;
  }

  .large-block-grid-3>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-3>li:nth-of-type(3n+1) {
    clear: both;
  }

  .large-block-grid-4>li {
    width: 25%;
    list-style: none;
  }

  .large-block-grid-4>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-4>li:nth-of-type(4n+1) {
    clear: both;
  }

  .large-block-grid-5>li {
    width: 20%;
    list-style: none;
  }

  .large-block-grid-5>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-5>li:nth-of-type(5n+1) {
    clear: both;
  }

  .large-block-grid-6>li {
    width: 16.66667%;
    list-style: none;
  }

  .large-block-grid-6>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-6>li:nth-of-type(6n+1) {
    clear: both;
  }

  .large-block-grid-7>li {
    width: 14.28571%;
    list-style: none;
  }

  .large-block-grid-7>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-7>li:nth-of-type(7n+1) {
    clear: both;
  }

  .large-block-grid-8>li {
    width: 12.5%;
    list-style: none;
  }

  .large-block-grid-8>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-8>li:nth-of-type(8n+1) {
    clear: both;
  }

  .large-block-grid-9>li {
    width: 11.11111%;
    list-style: none;
  }

  .large-block-grid-9>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-9>li:nth-of-type(9n+1) {
    clear: both;
  }

  .large-block-grid-10>li {
    width: 10%;
    list-style: none;
  }

  .large-block-grid-10>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-10>li:nth-of-type(10n+1) {
    clear: both;
  }

  .large-block-grid-11>li {
    width: 9.09091%;
    list-style: none;
  }

  .large-block-grid-11>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-11>li:nth-of-type(11n+1) {
    clear: both;
  }

  .large-block-grid-12>li {
    width: 8.33333%;
    list-style: none;
  }

  .large-block-grid-12>li:nth-of-type(1n) {
    clear: none;
  }

  .large-block-grid-12>li:nth-of-type(12n+1) {
    clear: both;
  }
}

button,
.button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 0.5625rem;
  padding-right: 1.125rem;
  padding-bottom: 0.625rem;
  padding-left: 1.125rem;
  font-size: 1rem;
  background-color: #ee0000;
  border-color: #be0000;
  color: #fff;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: #be0000;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  color: #fff;
}

button.secondary,
.button.secondary {
  background-color: #005670;
  border-color: #00455a;
  color: #fff;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
  background-color: #00455a;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
  color: #fff;
}

button.success,
.button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #fff;
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
  background-color: #368a55;
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
  color: #fff;
}

button.alert,
.button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #fff;
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
  background-color: #cf2a0e;
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
  color: #fff;
}

button.warning,
.button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #fff;
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
  background-color: #cf6e0e;
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
  color: #fff;
}

button.info,
.button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333;
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
  background-color: #61b6d9;
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
  color: #fff;
}

button.large,
.button.large {
  padding-top: 1.125rem;
  padding-right: 2.25rem;
  padding-bottom: 1.1875rem;
  padding-left: 2.25rem;
  font-size: 1.25rem;
}

button.small,
.button.small {
  padding-top: 0.875rem;
  padding-right: 1.75rem;
  padding-bottom: 0.9375rem;
  padding-left: 1.75rem;
  font-size: 0.8125rem;
}

button.tiny,
.button.tiny {
  padding-top: 0.625rem;
  padding-right: 1.25rem;
  padding-bottom: 0.6875rem;
  padding-left: 1.25rem;
  font-size: 0.6875rem;
}

button.expand,
.button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

button.left-align,
.button.left-align {
  text-align: left;
  text-indent: 0.75rem;
}

button.right-align,
.button.right-align {
  text-align: right;
  padding-right: 0.75rem;
}

button.radius,
.button.radius {
  border-radius: 3px;
}

button.round,
.button.round {
  border-radius: 1000px;
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
  background-color: #ee0000;
  border-color: #be0000;
  color: #fff;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
  background-color: #be0000;
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
  color: #fff;
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
  background-color: #ee0000;
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
  background-color: #005670;
  border-color: #00455a;
  color: #fff;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  background-color: #00455a;
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  color: #fff;
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  background-color: #005670;
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #fff;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
  background-color: #368a55;
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
  color: #fff;
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
  background-color: #43AC6A;
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #fff;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  background-color: #cf2a0e;
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  color: #fff;
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  background-color: #f04124;
}

button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #fff;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
  background-color: #cf6e0e;
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
  color: #fff;
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
  background-color: #f08a24;
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
  background-color: #61b6d9;
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
  color: #fff;
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
  background-color: #a0d3e8;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@media only screen and (min-width: 641px) {

  button,
  .button {
    display: inline-block;
  }
}

/* Clearing Styles */
.clearing-thumbs,
[data-clearing] {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}

.clearing-thumbs:before,
.clearing-thumbs:after,
[data-clearing]:before,
[data-clearing]:after {
  content: " ";
  display: table;
}

.clearing-thumbs:after,
[data-clearing]:after {
  clear: both;
}

.clearing-thumbs li,
[data-clearing] li {
  float: left;
  margin-right: 10px;
}

.clearing-thumbs[class*="block-grid-"] li,
[data-clearing][class*="block-grid-"] li {
  margin-right: 0;
}

.clearing-blackout {
  background: #333;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
}

.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #AAAAAA;
  font-size: 0.6em;
}

.visible-img {
  height: 95%;
  position: relative;
}

.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  max-height: 100%;
  max-width: 100%;
}

.clearing-caption {
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #333;
  width: 100%;
  padding: 10px 30px 20px;
  position: absolute;
  left: 0;
}

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 30px;
  line-height: 1;
  color: #CCCCCC;
  display: none;
}

.clearing-close:hover,
.clearing-close:focus {
  color: #CCCCCC;
}

.clearing-assembled .clearing-container {
  height: 100%;
}

.clearing-assembled .clearing-container .carousel>ul {
  display: none;
}

.clearing-feature li {
  display: none;
}

.clearing-feature li.clearing-featured-img {
  display: block;
}

@media only screen and (min-width: 641px) {

  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
  }

  .clearing-main-prev>span,
  .clearing-main-next>span {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 12px;
  }

  .clearing-main-prev>span:hover,
  .clearing-main-next>span:hover {
    opacity: 0.8;
  }

  .clearing-main-prev {
    left: 0;
  }

  .clearing-main-prev>span {
    left: 5px;
    border-color: transparent;
    border-right-color: #CCCCCC;
  }

  .clearing-main-next {
    right: 0;
  }

  .clearing-main-next>span {
    border-color: transparent;
    border-left-color: #CCCCCC;
  }

  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.3;
  }

  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center;
  }

  .clearing-assembled .clearing-container .carousel>ul {
    display: inline-block;
    z-index: 999;
    height: 100%;
    position: relative;
    float: none;
  }

  .clearing-assembled .clearing-container .carousel>ul li {
    display: block;
    width: 120px;
    min-height: inherit;
    float: left;
    overflow: hidden;
    margin-right: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    opacity: 0.4;
    clear: none;
  }

  .clearing-assembled .clearing-container .carousel>ul li.fix-height img {
    height: 100%;
    max-width: none;
  }

  .clearing-assembled .clearing-container .carousel>ul li a.th {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
  }

  .clearing-assembled .clearing-container .carousel>ul li img {
    cursor: pointer !important;
    width: 100% !important;
  }

  .clearing-assembled .clearing-container .carousel>ul li.visible {
    opacity: 1;
  }

  .clearing-assembled .clearing-container .carousel>ul li:hover {
    opacity: 0.8;
  }

  .clearing-assembled .clearing-container .visible-img {
    background: #333;
    overflow: hidden;
    height: 85%;
  }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0;
  }
}

/* Standard Forms */
main,
form {
  margin: 0 0 1rem;
}

/* Using forms within rows, we need to set some defaults */
main .row .row,
form .row .row {
  margin: 0 -0.5rem;
}

main .row .row .column,
main .row .row .columns,
form .row .row .columns {
  padding: 0 0.5rem;
}

main .row .row.collapse,
form .row .row.collapse {
  margin: 0;
}

main .row .row.collapse .column,
main .row .row.collapse .columns {
  padding: 0;
}

main .row .row.collapse input,
form .row .row.collapse input {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

main .row input.column,
main .row input.columns,
main .row textarea.column,
main .row textarea.columns,
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem;
}

/* Label Styles */
label {
  font-size: 1rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */
}

label.right {
  float: none !important;
  text-align: right;
}

label.inline {
  margin: 0 0 1rem 0;
  padding: 0.5625rem 0;
}

label small {
  text-transform: capitalize;
  color: #676767;
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: visible;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none;
}

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none;
}

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix,
label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333;
  border-color: #cccccc;
}

span.postfix,
label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333;
  border-color: #cccccc;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  height: 2.625rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  width: 100%;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
  background: #f9f9f9;
  border-color: #333;
  box-shadow: none;
  outline: none;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
  background-color: #DDDDDD;
  cursor: default;
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
  background-color: #DDDDDD;
  cursor: default;
}

input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
  border-radius: 3px;
}

main .row .prefix-radius.row.collapse input,
main .row .prefix-radius.row.collapse textarea,
main .row .prefix-radius.row.collapse select,
main .row .prefix-radius.row.collapse button,
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

main .row .prefix-radius.row.collapse .prefix,
form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

main .row .postfix-radius.row.collapse input,
main .row .postfix-radius.row.collapse textarea,
main .row .postfix-radius.row.collapse select,
main .row .postfix-radius.row.collapse button,
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

main .row .postfix-radius.row.collapse .postfix,
form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

main .row .prefix-round.row.collapse input,
main .row .prefix-round.row.collapse textarea,
main .row .prefix-round.row.collapse select,
main .row .prefix-round.row.collapse button,
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

main .row .prefix-round.row.collapse .prefix,
form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

main .row .postfix-round.row.collapse input,
main .row .postfix-round.row.collapse textarea,
main .row .postfix-round.row.collapse select,
main .row .postfix-round.row.collapse button,
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

main .row .postfix-round.row.collapse .postfix,
form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

input[type="submit"] {
  -webkit-appearance: none;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto;
}

/* Not allow resize out of parent */
textarea {
  max-width: 100%;
}

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("/content/icons/chevron-down-333.png") right/90% no-repeat;
  background-color: #fff;
  background-size: 14px;
  background-position: calc(100% - 6px);
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  font-size: 1rem;
  font-family: "Open Sans", Arial, sans-serif;
  height: 2.3125rem;
  line-height: normal;
  padding: 6px 22px 6px 10px;
}

select::-ms-expand {
  display: none;
}

select.radius {
  border-radius: 3px;
}

select:hover,
select:focus {
  border-color: #333;
}

select:focus,
select:focus-visible {
  background-color: #f9f9f9;
  border-color: #333;
}

select:disabled {
  background-color: #DDDDDD;
  cursor: default;
}

select[multiple] {
  height: auto;
}

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

/* Normalize file input width */
input[type="file"] {
  width: 100%;
}

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  padding: 1.25rem;
  margin: 1.125rem 0;
}

fieldset legend {
  font-weight: bold;
  background: #fff;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

/* Error Handling */
[data-abide] .error small.error,
[data-abide] .EditingFormErrorLabel small.error,
[data-abide] .error small.EditingFormErrorLabel,
[data-abide] .EditingFormErrorLabel small.EditingFormErrorLabel,
[data-abide] .error span.error,
[data-abide] .EditingFormErrorLabel span.error,
[data-abide] .error span.EditingFormErrorLabel,
[data-abide] .EditingFormErrorLabel span.EditingFormErrorLabel,
[data-abide] span.error,
[data-abide] span.EditingFormErrorLabel,
[data-abide] small.error,
[data-abide] small.EditingFormErrorLabel {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff;
}

[data-abide] span.error,
[data-abide] span.EditingFormErrorLabel,
[data-abide] small.error,
[data-abide] small.EditingFormErrorLabel {
  display: none;
}

span.error,
span.EditingFormErrorLabel,
small.error,
small.EditingFormErrorLabel {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff;
}

.error input,
.EditingFormErrorLabel input,
.error textarea,
.EditingFormErrorLabel textarea,
.error select,
.EditingFormErrorLabel select {
  margin-bottom: 0;
}

.error input[type="checkbox"],
.EditingFormErrorLabel input[type="checkbox"],
.error input[type="radio"],
.EditingFormErrorLabel input[type="radio"] {
  margin-bottom: 1rem;
}

.error label,
.EditingFormErrorLabel label,
.error label.error,
.EditingFormErrorLabel label.error,
.error label.EditingFormErrorLabel,
.EditingFormErrorLabel label.EditingFormErrorLabel {
  color: #f04124;
}

.error small.error,
.EditingFormErrorLabel small.error,
.error small.EditingFormErrorLabel,
.EditingFormErrorLabel small.EditingFormErrorLabel {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff;
}

.error>label>small,
.EditingFormErrorLabel>label>small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline;
}

.error span.error-message,
.EditingFormErrorLabel span.error-message {
  display: block;
}

input.error,
input.EditingFormErrorLabel,
textarea.error,
textarea.EditingFormErrorLabel,
select.error,
select.EditingFormErrorLabel {
  margin-bottom: 0;
}

label.error,
label.EditingFormErrorLabel {
  color: #f04124;
}

/* small displays */
@media only screen {

  .show-for-small-only,
  .show-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .hide-for-small-only,
  .hide-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .visible-for-small-only,
  .visible-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .hidden-for-small-only,
  .hidden-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    outline: 0;
    appearance: none;
  }

  table.show-for-small-only,
  table.show-for-small-up,
  table.show-for-small,
  table.show-for-small-down,
  table.hide-for-medium-only,
  table.hide-for-medium-up,
  table.hide-for-medium,
  table.show-for-medium-down,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.show-for-small-only,
  thead.show-for-small-up,
  thead.show-for-small,
  thead.show-for-small-down,
  thead.hide-for-medium-only,
  thead.hide-for-medium-up,
  thead.hide-for-medium,
  thead.show-for-medium-down,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.show-for-small-only,
  tbody.show-for-small-up,
  tbody.show-for-small,
  tbody.show-for-small-down,
  tbody.hide-for-medium-only,
  tbody.hide-for-medium-up,
  tbody.hide-for-medium,
  tbody.show-for-medium-down,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.show-for-small-only,
  tr.show-for-small-up,
  tr.show-for-small,
  tr.show-for-small-down,
  tr.hide-for-medium-only,
  tr.hide-for-medium-up,
  tr.hide-for-medium,
  tr.show-for-medium-down,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.show-for-small-only,
  td.show-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.show-for-small,
  td.show-for-small,
  th.show-for-small-down,
  td.show-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.hide-for-medium-up,
  td.hide-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.show-for-medium-down,
  td.show-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* medium displays */
@media only screen and (min-width: 641px) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    outline: 0;
    appearance: none;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.show-for-medium-only,
  table.show-for-medium-up,
  table.show-for-medium,
  table.show-for-medium-down,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.show-for-medium-only,
  thead.show-for-medium-up,
  thead.show-for-medium,
  thead.show-for-medium-down,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.show-for-medium-only,
  tbody.show-for-medium-up,
  tbody.show-for-medium,
  tbody.show-for-medium-down,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.show-for-medium-only,
  tr.show-for-medium-up,
  tr.show-for-medium,
  tr.show-for-medium-down,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.show-for-medium-only,
  td.show-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.show-for-medium,
  td.show-for-medium,
  th.show-for-medium-down,
  td.show-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* large displays */
@media only screen and (min-width: 951px) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    outline: 0;
    appearance: none;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.show-for-large-only,
  table.show-for-large-up,
  table.show-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.show-for-large-only,
  thead.show-for-large-up,
  thead.show-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.show-for-large-only,
  tbody.show-for-large-up,
  tbody.show-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.show-for-large-only,
  tr.show-for-large-up,
  tr.show-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.show-for-large-only,
  td.show-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.show-for-large,
  td.show-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xlarge displays */
@media only screen and (min-width: 90.063em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    outline: 0;
    appearance: none;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.hide-for-large,
  table.hide-for-large-down,
  table.show-for-xlarge-only,
  table.show-for-xlarge-up,
  table.show-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-large,
  thead.hide-for-large-down,
  thead.show-for-xlarge-only,
  thead.show-for-xlarge-up,
  thead.show-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-large,
  tbody.hide-for-large-down,
  tbody.show-for-xlarge-only,
  tbody.show-for-xlarge-up,
  tbody.show-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-large,
  tr.hide-for-large-down,
  tr.show-for-xlarge-only,
  tr.show-for-xlarge-up,
  tr.show-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.hide-for-large-down,
  td.hide-for-large-down,
  th.show-for-xlarge-only,
  td.show-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up,
  th.show-for-xlarge,
  td.show-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xxlarge displays */
@media only screen and (min-width: 120.063em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .hide-for-xlarge-only,
  .show-for-xlarge-up,
  .hide-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .show-for-xlarge-only,
  .hide-for-xlarge-up,
  .show-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .hidden-for-xlarge-only,
  .visible-for-xlarge-up,
  .hidden-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .visible-for-xlarge-only,
  .hidden-for-xlarge-up,
  .visible-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .hidden-for-xxlarge-down {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    outline: 0;
    appearance: none;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.hide-for-large,
  table.hide-for-large-down,
  table.hide-for-xlarge-only,
  table.show-for-xlarge-up,
  table.hide-for-xlarge,
  table.hide-for-xlarge-down,
  table.show-for-xxlarge-only,
  table.show-for-xxlarge-up,
  table.show-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-large,
  thead.hide-for-large-down,
  thead.hide-for-xlarge-only,
  thead.show-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.hide-for-xlarge-down,
  thead.show-for-xxlarge-only,
  thead.show-for-xxlarge-up,
  thead.show-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-large,
  tbody.hide-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.show-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.hide-for-xlarge-down,
  tbody.show-for-xxlarge-only,
  tbody.show-for-xxlarge-up,
  tbody.show-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-large,
  tr.hide-for-large-down,
  tr.hide-for-xlarge-only,
  tr.show-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.hide-for-xlarge-down,
  tr.show-for-xxlarge-only,
  tr.show-for-xxlarge-up,
  tr.show-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.hide-for-large-down,
  td.hide-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.hide-for-xlarge-down,
  td.hide-for-xlarge-down,
  th.show-for-xxlarge-only,
  td.show-for-xxlarge-only,
  th.show-for-xxlarge-up,
  td.show-for-xxlarge-up,
  th.show-for-xxlarge,
  td.show-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape,
table.show-for-portrait {
  display: table !important;
}

thead.hide-for-landscape,
thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape,
tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {

  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-landscape,
  table.hide-for-portrait {
    display: table !important;
  }

  thead.show-for-landscape,
  thead.hide-for-portrait {
    display: table-header-group !important;
  }

  tbody.show-for-landscape,
  tbody.hide-for-portrait {
    display: table-row-group !important;
  }

  tr.show-for-landscape,
  tr.hide-for-portrait {
    display: table-row !important;
  }

  td.show-for-landscape,
  td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}

@media only screen and (orientation: portrait) {

  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-portrait,
  table.hide-for-landscape {
    display: table !important;
  }

  thead.show-for-portrait,
  thead.hide-for-landscape {
    display: table-header-group !important;
  }

  tbody.show-for-portrait,
  tbody.hide-for-landscape {
    display: table-row-group !important;
  }

  tr.show-for-portrait,
  tr.hide-for-landscape {
    display: table-row !important;
  }

  td.show-for-portrait,
  td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important;
}

.touch table.show-for-touch {
  display: table !important;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

/*
* Print styles.
* Inline to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block;
  }

  .hide-for-print {
    display: none;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .hide-on-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  .show-for-print {
    display: inherit !important;
  }
}

/* Print visibility */
@media print {
  .show-for-print {
    display: block;
  }

  .hide-for-print {
    display: none;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }
}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 73.125rem;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row.collapse>.column,
.row.collapse>.columns {
  padding-left: 0;
  padding-right: 0;
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

.row .row:before,
.row .row:after {
  content: " ";
  display: table;
}

.row .row:after {
  clear: both;
}

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
}

.row .row.collapse:before,
.row .row.collapse:after {
  content: " ";
  display: table;
}

.row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

[class*="column"]+[class*="column"]:last-child {
  float: right;
}

[class*="column"]+[class*="column"].end {
  float: left;
}

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

  .small-1 {
    width: 8.33333%;
  }

  .small-2 {
    width: 16.66667%;
  }

  .small-3 {
    width: 25%;
  }

  .small-4 {
    width: 33.33333%;
  }

  .small-5 {
    width: 41.66667%;
  }

  .small-6 {
    width: 50%;
  }

  .small-7 {
    width: 58.33333%;
  }

  .small-8 {
    width: 66.66667%;
  }

  .small-9 {
    width: 75%;
  }

  .small-10 {
    width: 83.33333%;
  }

  .small-11 {
    width: 91.66667%;
  }

  .small-12 {
    width: 100%;
  }

  .small-offset-0 {
    margin-left: 0% !important;
  }

  .small-offset-1 {
    margin-left: 8.33333% !important;
  }

  .small-offset-2 {
    margin-left: 16.66667% !important;
  }

  .small-offset-3 {
    margin-left: 25% !important;
  }

  .small-offset-4 {
    margin-left: 33.33333% !important;
  }

  .small-offset-5 {
    margin-left: 41.66667% !important;
  }

  .small-offset-6 {
    margin-left: 50% !important;
  }

  .small-offset-7 {
    margin-left: 58.33333% !important;
  }

  .small-offset-8 {
    margin-left: 66.66667% !important;
  }

  .small-offset-9 {
    margin-left: 75% !important;
  }

  .small-offset-10 {
    margin-left: 83.33333% !important;
  }

  .small-offset-11 {
    margin-left: 91.66667% !important;
  }

  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none;
  }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left;
  }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right;
  }

  .row.small-collapse>.column,
  .row.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0;
  }

  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .row.small-uncollapse>.column,
  .row.small-uncollapse>.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}

@media only screen and (min-width: 641px) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

  .medium-1 {
    width: 8.33333%;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-12 {
    width: 100%;
  }

  .medium-offset-0 {
    margin-left: 0% !important;
  }

  .medium-offset-1 {
    margin-left: 8.33333% !important;
  }

  .medium-offset-2 {
    margin-left: 16.66667% !important;
  }

  .medium-offset-3 {
    margin-left: 25% !important;
  }

  .medium-offset-4 {
    margin-left: 33.33333% !important;
  }

  .medium-offset-5 {
    margin-left: 41.66667% !important;
  }

  .medium-offset-6 {
    margin-left: 50% !important;
  }

  .medium-offset-7 {
    margin-left: 58.33333% !important;
  }

  .medium-offset-8 {
    margin-left: 66.66667% !important;
  }

  .medium-offset-9 {
    margin-left: 75% !important;
  }

  .medium-offset-10 {
    margin-left: 83.33333% !important;
  }

  .medium-offset-11 {
    margin-left: 91.66667% !important;
  }

  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none;
  }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left;
  }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right;
  }

  .row.medium-collapse>.column,
  .row.medium-collapse>.columns {
    padding-left: 0;
    padding-right: 0;
  }

  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .row.medium-uncollapse>.column,
  .row.medium-uncollapse>.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}

@media only screen and (min-width: 951px) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }

  .large-offset-0 {
    margin-left: 0% !important;
  }

  .large-offset-1 {
    margin-left: 8.33333% !important;
  }

  .large-offset-2 {
    margin-left: 16.66667% !important;
  }

  .large-offset-3 {
    margin-left: 25% !important;
  }

  .large-offset-4 {
    margin-left: 33.33333% !important;
  }

  .large-offset-5 {
    margin-left: 41.66667% !important;
  }

  .large-offset-6 {
    margin-left: 50% !important;
  }

  .large-offset-7 {
    margin-left: 58.33333% !important;
  }

  .large-offset-8 {
    margin-left: 66.66667% !important;
  }

  .large-offset-9 {
    margin-left: 75% !important;
  }

  .large-offset-10 {
    margin-left: 83.33333% !important;
  }

  .large-offset-11 {
    margin-left: 91.66667% !important;
  }

  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none;
  }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left;
  }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right;
  }

  .row.large-collapse>.column,
  .row.large-collapse>.columns {
    padding-left: 0;
    padding-right: 0;
  }

  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .row.large-uncollapse>.column,
  .row.large-uncollapse>.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}

.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.inline-list>li {
  list-style: none;
  float: left;
  margin-left: 1.375rem;
  display: block;
}

.inline-list>li>* {
  display: block;
}

.label {
  font-weight: normal;
  font-family: "Open Sans", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: auto;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #ee0000;
  color: #fff;
}

.label.radius {
  border-radius: 3px;
}

.label.round {
  border-radius: 1000px;
}

.label.alert {
  background-color: #f04124;
  color: #fff;
}

.label.warning {
  background-color: #f08a24;
  color: #fff;
}

.label.success {
  background-color: #43AC6A;
  color: #fff;
}

.label.secondary {
  background-color: #005670;
  color: #fff;
}

.label.info {
  background-color: #a0d3e8;
  color: #333;
}

ul.pagination {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0 0 1rem;
}

ul.pagination li {
  color: #222;
  font-size: 0.875rem;
  margin-left: 0.3125rem;
  min-width: 34px;
  padding: 0;
  text-indent: 0;
}

ul.pagination li a,
ul.pagination li button,
ul.pagination li span {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #333;
  display: block;
  font-weight: 700;
  font-size: .875rem;
  line-height: inherit;
  padding: 4px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

ul.pagination li a:hover,
ul.pagination li a:focus,
ul.pagination li button:hover,
ul.pagination li button:focus,
ul.pagination li span:hover,
ul.pagination li span:focus {
  background-color: transparent;
  border-color: #ee0000;
  color: #ee0000;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

ul.pagination li.page-active a,
ul.pagination li.page-active a:hover,
ul.pagination li.page-active a:focus,
ul.pagination li.page-active span,
ul.pagination li.page-active span:hover,
ul.pagination li.page-active span:focus,
ul.pagination li.current a,
ul.pagination li.current a:hover,
ul.pagination li.current a:focus,
ul.pagination li.current span,
ul.pagination li.current span:hover,
ul.pagination li.current span:focus {
  background: #ee0000;
  border-color: #ee0000;
  color: #fff;
  cursor: default;
  font-weight: bold;
}

ul.pagination li.unavailable {
  display: none;
}

/* Tooltips */
.has-tip {
  cursor: help;
}

.has-tip:hover,
.has-tip:focus {
  border-bottom: dotted 1px #6b0000;
  color: #ee0000;
}

.has-tip.tip-left,
.has-tip.tip-right {
  float: none !important;
}

.tooltip {
  display: none;
  position: absolute;
  z-index: 1006;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 300px;
  left: 50%;
  width: 100%;
  color: #fff;
  background: #333;
}

.tooltip>.nub {
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent #333 transparent;
  top: -10px;
  pointer-events: none;
}

.tooltip>.nub.rtl {
  left: auto;
  right: 5px;
}

.tooltip.radius {
  border-radius: 3px;
}

.tooltip.round {
  border-radius: 1000px;
}

.tooltip.round>.nub {
  left: 2rem;
}

.tooltip.opened {
  color: #ee0000 !important;
  border-bottom: dotted 1px #6b0000 !important;
}

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777777;
  font-weight: normal;
}

@media only screen and (min-width: 641px) {
  .tooltip>.nub {
    border-color: transparent transparent #333 transparent;
    top: -10px;
  }

  .tooltip.tip-top>.nub {
    border-color: #333 transparent transparent transparent;
    top: auto;
    bottom: -10px;
  }

  .tooltip.tip-left,
  .tooltip.tip-right {
    float: none !important;
  }

  .tooltip.tip-left>.nub {
    border-color: transparent transparent transparent #333;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px;
  }

  .tooltip.tip-right>.nub {
    border-color: transparent #333 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px;
  }
}

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:641px)/";
  width: 641px;
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333;
}

.contain-to-grid .top-bar {
  margin-bottom: 0;
}

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}

.fixed.expanded:not(.top-bar) {
  overflow-y: auto;
  height: auto;
  width: 100%;
  max-height: 100%;
}

.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99;
}

.fixed.expanded:not(.top-bar) .top-bar-section {
  z-index: 98;
  margin-top: 2.8125rem;
}

.top-bar {
  overflow: hidden;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
  background: #333;
  margin-bottom: 0;
}

.top-bar ul {
  margin-bottom: 0;
  list-style: none;
}

.top-bar .row {
  max-width: none;
}

.top-bar form,
.top-bar input {
  margin-bottom: 0;
}

.top-bar input {
  height: 1.75rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
  font-size: 0.75rem;
}

.top-bar .button,
.top-bar button {
  padding-top: 0.4125rem;
  padding-bottom: 0.4125rem;
  margin-bottom: 0;
  font-size: 0.75rem;
}

@media only screen and (max-width: 640px) {

  .top-bar .button,
  .top-bar button {
    position: relative;
    top: -1px;
  }
}

.top-bar .title-area {
  position: relative;
  margin: 0;
}

.top-bar .name {
  height: 2.8125rem;
  margin: 0;
  font-size: 16px;
}

.top-bar .name h1,
.top-bar .name h2,
.top-bar .name h3,
.top-bar .name h4,
.top-bar .name p,
.top-bar .name span {
  line-height: 2.8125rem;
  font-size: 1.0625rem;
  margin: 0;
}

.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name p a,
.top-bar .name span a {
  font-weight: normal;
  color: #fff;
  width: 75%;
  display: block;
  padding: 0 0.9375rem;
}

.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0;
}

.top-bar .toggle-topbar a {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 0 0.9375rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
}

.top-bar .toggle-topbar.menu-icon {
  top: 50%;
  margin-top: -16px;
}

.top-bar .toggle-topbar.menu-icon a {
  height: 34px;
  line-height: 33px;
  padding: 0 2.5rem 0 0.9375rem;
  color: #fff;
  position: relative;
}

.top-bar .toggle-topbar.menu-icon a span::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 50%;
  margin-top: -8px;
  right: 0.9375rem;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #fff;
  box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #fff;
  width: 16px;
}

.top-bar.expanded {
  height: auto;
  background: transparent;
}

.top-bar.expanded .title-area {
  background: #333;
}

.top-bar.expanded .toggle-topbar a {
  color: #888888;
}

.top-bar.expanded .toggle-topbar a span::after {
  -webkit-box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
  box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  transition: left 300ms ease-out;
}

.top-bar-section ul {
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  font-size: 16px;
  margin: 0;
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
  border-top: solid 1px #1a1a1a;
  clear: both;
  height: 1px;
  width: 100%;
}

.top-bar-section ul li {
  background: #333;
}

.top-bar-section ul li>a {
  display: block;
  width: 100%;
  color: #fff;
  padding: 12px 0 12px 0;
  padding-left: 0.9375rem;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: normal;
  text-transform: none;
}

.top-bar-section ul li>a.button {
  font-size: 0.8125rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  background-color: #ee0000;
  border-color: #be0000;
  color: #fff;
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
  background-color: #be0000;
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
  color: #fff;
}

.top-bar-section ul li>a.button.secondary {
  background-color: #005670;
  border-color: #00455a;
  color: #fff;
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
  background-color: #00455a;
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
  color: #fff;
}

.top-bar-section ul li>a.button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #fff;
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
  background-color: #368a55;
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
  color: #fff;
}

.top-bar-section ul li>a.button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #fff;
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
  background-color: #cf2a0e;
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
  color: #fff;
}

.top-bar-section ul li>a.button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #fff;
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
  background-color: #cf6e0e;
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
  color: #fff;
}

.top-bar-section ul li>button {
  font-size: 0.8125rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  background-color: #ee0000;
  border-color: #be0000;
  color: #fff;
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
  background-color: #be0000;
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
  color: #fff;
}

.top-bar-section ul li>button.secondary {
  background-color: #005670;
  border-color: #00455a;
  color: #fff;
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
  background-color: #00455a;
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
  color: #fff;
}

.top-bar-section ul li>button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #fff;
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
  background-color: #368a55;
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
  color: #fff;
}

.top-bar-section ul li>button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #fff;
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
  background-color: #cf2a0e;
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
  color: #fff;
}

.top-bar-section ul li>button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #fff;
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
  background-color: #cf6e0e;
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
  color: #fff;
}

.top-bar-section ul li:hover:not(.has-form)>a {
  background-color: #555555;
  background: #333;
  color: #fff;
}

.top-bar-section ul li.active>a {
  background: #ee0000;
  color: #fff;
}

.top-bar-section ul li.active>a:hover {
  background: #cd0000;
  color: #fff;
}

.top-bar-section .has-form {
  padding: 0.9375rem;
}

.top-bar-section .has-dropdown {
  position: relative;
}

.top-bar-section .has-dropdown>a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
  border-left-style: solid;
  margin-right: 0.9375rem;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0;
}

.top-bar-section .has-dropdown.moved {
  position: static;
}

.top-bar-section .has-dropdown.moved>.dropdown {
  display: block;
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  position: absolute !important;
  width: 100%;
}

.top-bar-section .has-dropdown.moved>a:after {
  display: none;
}

.top-bar-section .dropdown {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  outline: 0;
  appearance: none;
}

.top-bar-section .dropdown li {
  width: 100%;
  height: auto;
}

.top-bar-section .dropdown li a {
  font-weight: normal;
  padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li a.parent-link {
  font-weight: normal;
}

.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.125rem;
}

.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
  color: #fff;
  display: block;
}

.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
  background: none;
}

.top-bar-section .dropdown li.has-form {
  padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
  top: auto;
}

.top-bar-section .dropdown label {
  padding: 8px 0.9375rem 2px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #777777;
  font-weight: bold;
  font-size: 0.625rem;
}

.js-generated {
  display: block;
}

@media only screen and (min-width: 641px) {
  .top-bar {
    background: #333;
    overflow: visible;
  }

  .top-bar:before,
  .top-bar:after {
    content: " ";
    display: table;
  }

  .top-bar:after {
    clear: both;
  }

  .top-bar .toggle-topbar {
    display: none;
  }

  .top-bar .title-area {
    float: left;
  }

  .top-bar .name h1 a,
  .top-bar .name h2 a,
  .top-bar .name h3 a,
  .top-bar .name h4 a,
  .top-bar .name h5 a,
  .top-bar .name h6 a {
    width: auto;
  }

  .top-bar input,
  .top-bar .button,
  .top-bar button {
    font-size: 0.875rem;
    position: relative;
    height: 1.75rem;
    top: 0.53125rem;
  }

  .top-bar.expanded {
    background: #333;
  }

  .contain-to-grid .top-bar {
    max-width: 73.125rem;
    margin: 0 auto;
    margin-bottom: 0;
  }

  .top-bar-section {
    -webkit-transition: none;
    transition: none;
    left: 0 !important;
  }

  .top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline;
  }

  .top-bar-section ul li {
    float: left;
  }

  .top-bar-section ul li .js-generated {
    display: none;
  }

  .top-bar-section li.hover>a:not(.button) {
    background-color: #555555;
    background: #333;
    color: #fff;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.9375rem;
    line-height: 2.8125rem;
    background: #333;
  }

  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #555555;
    background: #333;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 0.9375rem;
    line-height: 2.8125rem;
    color: #fff;
    background: #ee0000;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #cd0000;
    color: #fff;
  }

  .top-bar-section .has-dropdown>a {
    padding-right: 2.1875rem !important;
  }

  .top-bar-section .has-dropdown>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 1.40625rem;
  }

  .top-bar-section .has-dropdown.moved {
    position: relative;
  }

  .top-bar-section .has-dropdown.moved>.dropdown {
    border: 0;
    clip: rect(0 0 0 0);
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    outline: 0;
    appearance: none;
  }

  .top-bar-section .has-dropdown.hover>.dropdown,
  .top-bar-section .has-dropdown.not-click:hover>.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }

  .top-bar-section .has-dropdown>a:focus+.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }

  .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
    border: none;
    content: "\BB";
    top: 1rem;
    margin-top: -1px;
    right: 5px;
    line-height: 1.2;
  }

  .top-bar-section .dropdown {
    left: 0;
    top: auto;
    background: transparent;
    min-width: 100%;
  }

  .top-bar-section .dropdown li a {
    color: #fff;
    line-height: 2.8125rem;
    white-space: nowrap;
    padding: 12px 0.9375rem;
    background: #333;
  }

  .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    color: #fff;
    background: #333;
  }

  .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
    color: #fff;
    background-color: #555555;
    background: #333;
  }

  .top-bar-section .dropdown li label {
    white-space: nowrap;
    background: #333;
  }

  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0;
  }

  .top-bar-section>ul>.divider,
  .top-bar-section>ul>[role="separator"] {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px #4e4e4e;
    clear: none;
    height: 2.8125rem;
    width: 0;
  }

  .top-bar-section .has-form {
    background: #333;
    padding: 0 0.9375rem;
    height: 2.8125rem;
  }

  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0;
  }

  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%;
  }

  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0;
  }

  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%;
  }

  .no-js .top-bar-section ul li:hover>a {
    background-color: #555555;
    background: #333;
    color: #fff;
  }

  .no-js .top-bar-section ul li:active>a {
    background: #ee0000;
    color: #fff;
  }

  .no-js .top-bar-section .has-dropdown:hover>.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }

  .no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 640px) {
  .small-only-text-left {
    text-align: left !important;
  }

  .small-only-text-right {
    text-align: right !important;
  }

  .small-only-text-center {
    text-align: center !important;
  }

  .small-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen {
  .small-text-left {
    text-align: left !important;
  }

  .small-text-right {
    text-align: right !important;
  }

  .small-text-center {
    text-align: center !important;
  }

  .small-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .medium-only-text-left {
    text-align: left !important;
  }

  .medium-only-text-right {
    text-align: right !important;
  }

  .medium-only-text-center {
    text-align: center !important;
  }

  .medium-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 641px) {
  .medium-text-left {
    text-align: left !important;
  }

  .medium-text-right {
    text-align: right !important;
  }

  .medium-text-center {
    text-align: center !important;
  }

  .medium-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 951px) and (max-width: 1170px) {
  .large-only-text-left {
    text-align: left !important;
  }

  .large-only-text-right {
    text-align: right !important;
  }

  .large-only-text-center {
    text-align: center !important;
  }

  .large-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 951px) {
  .large-text-left {
    text-align: left !important;
  }

  .large-text-right {
    text-align: right !important;
  }

  .large-text-center {
    text-align: center !important;
  }

  .large-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }

  .xlarge-only-text-right {
    text-align: right !important;
  }

  .xlarge-only-text-center {
    text-align: center !important;
  }

  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important;
  }

  .xlarge-text-right {
    text-align: right !important;
  }

  .xlarge-text-center {
    text-align: center !important;
  }

  .xlarge-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }

  .xxlarge-only-text-right {
    text-align: right !important;
  }

  .xxlarge-only-text-center {
    text-align: center !important;
  }

  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important;
  }

  .xxlarge-text-right {
    text-align: right !important;
  }

  .xxlarge-text-center {
    text-align: center !important;
  }

  .xxlarge-text-justify {
    text-align: justify !important;
  }
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* Default Link Styles */
a {
  color: #ee0000;
  text-decoration: none;
  line-height: inherit;
}

a:hover,
a:focus {
  color: #cd0000;
}

a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}

p.lead {
  font-size: 1.21875rem;
  line-height: 1.6;
}

p aside {
  font-size: 0.875rem;
  line-height: 1.35;
  font-style: italic;
}

/* Default header styles */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0;
}

h1 {
  font-size: 2.125rem;
}

h2 {
  font-size: 1.6875rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #333;
  background-color: #88e3ff;
  border-width: 1px;
  border-style: solid;
  border-color: #61daff;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit;
}

ul {
  margin-left: 1.1rem;
}

ul.no-bullet {
  margin-left: 0;
}

ul.no-bullet li ul,
ul.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
  list-style: inherit;
}

ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}

ul.no-bullet {
  list-style: none;
}

/* Ordered Lists */
ol {
  margin-left: 1.4rem;
}

ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

dl dd {
  margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help;
}

abbr {
  text-transform: none;
}

abbr[title] {
  border-bottom: 1px dotted #DDDDDD;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #DDDDDD;
}

blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #555555;
}

blockquote cite:before {
  content: "\2014    ";
}

blockquote cite a,
blockquote cite a:visited {
  color: #555555;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem;
}

.vcard li {
  margin: 0;
  display: block;
}

.vcard .fn {
  font-weight: bold;
  font-size: 0.9375rem;
}

.vevent .summary {
  font-weight: bold;
}

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem;
}

@media only screen and (min-width: 641px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.4;
  }

  h1 {
    font-size: 2.75rem;
  }

  h2 {
    font-size: 2.3125rem;
  }

  h3 {
    font-size: 1.6875rem;
  }

  h4 {
    font-size: 1.4375rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  h6 {
    font-size: 1rem;
  }
}

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left {
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
}

.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.inner-wrap:before,
.inner-wrap:after {
  content: " ";
  display: table;
}

.inner-wrap:after {
  clear: both;
}

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333;
  color: #fff;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
  color: #fff;
  font-weight: bold;
  line-height: 2.8125rem;
  margin: 0;
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
  font-size: 1.125rem;
}

.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1a1a;
  left: 0;
}

.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #1a1a1a;
  right: 0;
}

.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0;
}

@media only screen and (min-width: 641px) {
  .tab-bar-section.left {
    text-align: left;
  }

  .tab-bar-section.right {
    text-align: right;
  }
}

.tab-bar-section.left {
  left: 0;
  right: 2.8125rem;
}

.tab-bar-section.right {
  left: 2.8125rem;
  right: 0;
}

.tab-bar-section.middle {
  left: 2.8125rem;
  right: 2.8125rem;
}

.tab-bar .menu-icon {
  text-indent: 2.1875rem;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  padding: 0;
  color: #fff;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-bar .menu-icon span::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 50%;
  margin-top: -0.5rem;
  left: 0.90625rem;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #fff;
  box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #fff;
  width: 1rem;
}

.tab-bar .menu-icon span:hover:after {
  -webkit-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
  box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333;
  z-index: 1001;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: -webkit-transform 500ms ease 0s;
  transition: -webkit-transform 500ms ease 0s;
  transition: transform 500ms ease 0s;
  transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
}

.left-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333;
  z-index: 1001;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: -webkit-transform 500ms ease 0s;
  transition: -webkit-transform 500ms ease 0s;
  transition: transform 500ms ease 0s;
  transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
}

.right-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.off-canvas-list li label {
  display: block;
  padding: 0.3rem 0.9375rem;
  color: #999999;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  background: #444444;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
  margin: 0;
}

ul.off-canvas-list li a {
  display: block;
  padding: 0.66667rem;
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid #262626;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
}

ul.off-canvas-list li a:hover {
  background: #242424;
}

.move-right>.inner-wrap {
  -webkit-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0);
}

.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  cursor: pointer;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 641px) {
  .move-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.move-left>.inner-wrap {
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0);
}

.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  cursor: pointer;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 641px) {
  .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  cursor: pointer;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 641px) {
  .offcanvas-overlap .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-left .right-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  cursor: pointer;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 641px) {
  .offcanvas-overlap-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-right .left-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  cursor: pointer;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 641px) {
  .offcanvas-overlap-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem;
}

.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem;
}

.no-csstransforms .move-left>.inner-wrap {
  right: 15.625rem;
}

.no-csstransforms .move-right>.inner-wrap {
  left: 15.625rem;
}

.left-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333;
  z-index: 1002;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.left-submenu * {
  -webkit-backface-visibility: hidden;
}

.left-submenu .back>a {
  padding: 0.3rem 0.9375rem;
  color: #999999;
  text-transform: uppercase;
  font-weight: bold;
  background: #444;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
  margin: 0;
}

.left-submenu .back>a:hover {
  background: #303030;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
}

.left-submenu .back>a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline;
}

.left-submenu.move-right,
.left-submenu.offcanvas-overlap-right,
.left-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.right-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333;
  z-index: 1002;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.right-submenu * {
  -webkit-backface-visibility: hidden;
}

.right-submenu .back>a {
  padding: 0.3rem 0.9375rem;
  color: #999999;
  text-transform: uppercase;
  font-weight: bold;
  background: #444;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
  margin: 0;
}

.right-submenu .back>a:hover {
  background: #303030;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
}

.right-submenu .back>a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline;
}

.right-submenu.move-left,
.right-submenu.offcanvas-overlap-left,
.right-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline;
}

body {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1rem;
}

body.active-responses {
  font-size: .875rem;
}

h1,
.h1 {
  font-size: 1.5625rem;
  font-weight: 600;
}

h2,
.h2 {
  font-size: 1.375rem;
  margin-bottom: 15px;
}

h3,
.h3 {
  color: #222;
  font-size: 1.125rem;
}

h4,
.h4 {
  color: #222;
  font-size: 1rem;
}

h5,
.h5 {
  color: #222;
  font-size: 0.9375rem;
  margin-bottom: 20px;
}

h6,
.h6 {
  color: #222;
  font-size: 0.875rem;
  margin-bottom: 20px;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0;
}

.h1.regular,
h1.regular,
.h2.regular,
h2.regular,
.h3.regular,
h3.regular,
.h4.regular,
h4.regular,
.h5.regular,
h5.regular,
.h6.regular,
h6.regular {
  font-weight: 400;
}

ul,
form {
  margin: 0;
  padding: 0;
}

p {
  font-size: 1rem;
  margin: 0 0 1rem;
}

a {
  color: #005670;
}

a span {
  color: #005670;
}

a:hover,
a:focus {
  color: #222;
}

a:hover span,
a:focus span {
  color: #222;
}

a:hover,
a:focus {
  color: #222;
}

a:hover span,
a:focus span {
  color: #222;
}

a.red,
a.text-red {
  color: #ee0000;
}

a.red span,
a.text-red span {
  color: #ee0000;
}

a.red:hover,
a.red:focus,
a.text-red:hover,
a.text-red:focus {
  color: #9A0000;
}

a.red:hover span,
a.red:focus span,
a.text-red:hover span,
a.text-red:focus span {
  color: #9A0000;
}

a p {
  color: #222;
}

.fa-chevron-right:before {
  font-size: 0.6875rem;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: 700;
}

.h1-xl {
  font-size: 1.25rem;
}

@media (min-width: 951px) {
  .h1-xl {
    font-size: 2.1875rem;
  }
}

@media (min-width: 1351px) {
  .h1-xl {
    font-size: 3.625rem;
  }
}

.byline,
.metadata {
  color: #767676;
  font-size: 0.75rem;
  font-weight: 400;
}

.small-text {
  font-size: 0.8125rem;
  font-weight: 400;
}

.large-text {
  font-size: 1.125rem;
}

.h1+p:nth-of-type(1n) {
  margin-top: 1rem;
}

body,
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

.columns,
.column {
  -ms-overflow-style: none;
}

p {
  font-size: 1rem;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover:after {
  text-decoration: none;
}

a:focus {
  outline: 1px solid;
  outline-offset: 2px;
}

a p {
  color: #222;
}

a img {
  font-size: 1rem;
}

hr {
  border-color: #d8d8d8;
}

.skipContainer {
  background: #ececec;
  text-align: center;
}

.skipContainer a.skip-main {
  font-family: 'Open Sans', sans-serif;
  height: 1px;
  left: -999px;
  overflow: hidden;
  position: absolute;
  text-decoration: underline;
  text-transform: uppercase;
  top: auto;
  width: 1px;
  z-index: -999;
}

.skipContainer a.skip-main:focus,
.skipContainer a.skip-main:active {
  background-color: #ececec;
  color: #222;
  font-size: 12px;
  line-height: 30px;
  outline-color: rgba(0, 0, 0, 0);
  position: static;
  text-align: center;
  z-index: 999;
}

.offscreen {
  left: -999em;
  position: absolute;
}

.caption {
  color: #5e5e5e;
  font-size: 13px;
  padding: 5px 0.9375em;
  display: block;
}

.tooltip {
  background: rgba(0, 0, 0, 0.6);
}

.nub {
  opacity: 0.7;
}

.block {
  display: block;
}

.uppercase {
  text-transform: uppercase;
}

.bold {
  font-weight: 700;
}

.border-top,
.row.share-the-love .tweet,
.twitter-wrap {
  border-top: 1px solid #d8d8d8;
  padding-top: 1rem !important;
}

.border-top a,
.row.share-the-love .tweet a,
.twitter-wrap a {
  text-decoration: underline;
}

.border-bottom,
.search-results article,
.page-not-found article,
[class*="error-page"] article,
.small-cta article {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.border-top-bottom {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  appearance: none;
}

.intro {
  display: block;
  padding-bottom: 1rem;
}

.intro-wrap {
  margin-bottom: 20px;
}

.site-main {
  display: block;
  padding-bottom: 1rem;
  padding-top: 0.25rem;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .site-main {
    padding-top: 1rem;
  }
}

@media only screen and (max-width: 951px) {
  .site-main.home {
    margin-top: -15px;
  }
}

.site-main .landing {
  margin-top: 1rem;
}

.site-main a {
  font-weight: inherit;
}

.site-main a.button span {
  color: #fff;
}

.site-main a .primary-button {
  color: #fff;
}

.site-main a:hover .primary-button,
.site-main a:focus .primary-button {
  color: #fff;
}

.home .site-main {
  padding-top: 0;
}

.slider img {
  width: 100%;
}

.panel {
  border: 1px solid #d8d8d8;
  padding: 2px;
}

@media only screen and (max-width: 640px) {
  .panel {
    height: auto !important;
  }
}

.panel-wrap {
  background: #ececec;
  margin-bottom: 20px;
  padding: 15px;
}

.panel-wrap ul li:last-child {
  margin-bottom: 0;
}

.panel-wrap p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {

  .columns>.panel-wrap,
  .column>.panel-wrap {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.grid .row {
  padding-bottom: 20px;
}

main a {
  font-weight: 600;
}

main ul {
  list-style: disc;
  padding: 0 0 1rem 18px;
  margin: 0;
}

main ul li {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
}

main ul.no-bullet {
  padding-left: 0;
}

main ul.no-bullet li {
  list-style-image: none;
}

main ol {
  margin: 0;
  padding: 0 0 1em 2.5em;
}

main ol li {
  font-size: 0.875rem;
  padding-bottom: 0.5em;
}

main input[type='text'],
main input[type='number'],
main input[type='email'] {
  height: 40px;
  margin-bottom: 20px;
}

[class*="block-grid-"]>li {
  text-indent: 0;
}

[class*='block-grid-']>li:before {
  content: '';
}

.program-services li {
  padding: 10px 2% 40px 2%;
  text-align: center;
}

.program-services li img {
  margin-bottom: 10px;
}

.program-services li p,
.program-services li a {
  font-weight: 600;
  margin-bottom: 0;
}

.program-services li a {
  display: block;
  text-decoration: none;
}

.program-services li a svg * {
  fill: #005670;
}

.program-services li a:hover,
.program-services li a:focus {
  outline: none;
  text-decoration: underline;
}

.program-services li a:hover svg *,
.program-services li a:focus svg * {
  fill: #222;
}

.program-services li a:hover p,
.program-services li a:focus p {
  color: #222;
}

.program-services li a p {
  color: #005670;
}

.program-services li a p span {
  color: #005670;
}

.program-services li a p:hover,
.program-services li a p:focus {
  color: #222;
}

.program-services li a p:hover span,
.program-services li a p:focus span {
  color: #222;
}

.course-details .duration {
  font-style: italic;
}

.course-details .description {
  margin-top: 15px;
}

.nested-links a p {
  color: #ee0000;
  margin-top: 5px;
}

.nested-links a p:hover {
  text-decoration: underline;
}

ul.pdf-list {
  list-style: none;
  padding-left: 0;
}

ul.pdf-list li {
  background: url("/content/images/icon-pdf.png") no-repeat;
  list-style-image: none;
  padding-left: 25px;
}

.img-full img {
  margin: 0;
  width: 100%;
}

.ros-banner {
  background: #fff;
  bottom: 0;
  -webkit-box-shadow: 1px 1px 7px #5e5e5e;
  box-shadow: 1px 1px 7px #5e5e5e;
  -moz-box-shadow: 1px 1px 7px #5e5e5e;
  -ms-box-shadow: 1px 1px 7px #5e5e5e;
  -o-box-shadow: 1px 1px 7px #5e5e5e;
  left: 0;
  padding: 3px 0;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 1000;
}

.ros-banner:empty {
  padding: 0;
}

.live-site .cmsdesk-widget-title {
  display: none !important;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.EditMode .WebPartContent .columns {
  float: none;
}

.EditMode .donate-site-header .contact-us,
.DesignMode .donate-site-header .contact-us {
  float: right;
  position: relative;
  top: -200px;
  width: 300px;
}

.EditMode .donate-site-header nav.donate-nav,
.DesignMode .donate-site-header nav.donate-nav {
  display: block !important;
}

.EditMode .donate-site-header .logo,
.DesignMode .donate-site-header .logo {
  position: relative;
}

.EditMode .donate-site-header .donate-desktop-title,
.DesignMode .donate-site-header .donate-desktop-title {
  position: relative;
}

.svg-wrapper {
  display: inline-block;
  position: relative;
}

.svg-wrapper svg {
  position: relative;
  width: 100%;
  height: auto;
}

.svg-wrapper.twitter,
.svg-wrapper.facebook,
.svg-wrapper.instagram {
  background: none;
  border: none;
  height: 30px;
  margin: 0;
  padding: 0;
  width: 30px;
}

svg .st0 {
  display: block !important;
}

.hideSlide {
  display: none;
}

section.section-padding-top {
  padding-top: 1.5rem;
}

@media only screen and (min-width: 1171px) {
  .x-large-1 {
    width: 8.33333%;
  }

  .x-large-2 {
    width: 16.66667%;
  }

  .x-large-3 {
    width: 25%;
  }

  .x-large-4 {
    width: 33.33333%;
  }

  .x-large-5 {
    width: 41.66667%;
  }

  .x-large-6 {
    width: 50%;
  }

  .x-large-7 {
    width: 58.33333%;
  }

  .x-large-8 {
    width: 66.66667%;
  }

  .x-large-9 {
    width: 75%;
  }

  .x-large-10 {
    width: 83.33333%;
  }

  .x-large-11 {
    width: 91.66667%;
  }

  .x-large-12 {
    width: 100%;
  }
}

.hidden-for-small-only,
.hidden-for-small-up,
.hidden-for-small,
.hidden-for-small-down,
.visible-for-medium-only,
.visible-for-medium-up,
.visible-for-medium,
.hidden-for-medium-down,
.visible-for-large-only,
.visible-for-large-up,
.visible-for-large,
.hidden-for-large-down,
.visible-for-xlarge-only,
.visible-for-xlarge-up,
.visible-for-xlarge,
.hidden-for-xlarge-down,
.visible-for-xxlarge-only,
.visible-for-xxlarge-up,
.visible-for-xxlarge,
.hidden-for-xxlarge-down {
  display: none;
}

@media only screen and (min-width: 641px) {

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    display: none;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    display: block;
  }
}

@media only screen and (min-width: 951px) {

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    display: none;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    display: block;
  }
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .large-3 {
    padding-top: 15px;
  }
}

@media (min-width: 641px) {
  .mobile-only {
    display: none;
  }
}

.error-message {
  background: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  position: relative;
  text-align: left;
}

.error-inner-container {
  bottom: 0;
  max-height: 0;
  overflow-y: hidden;
  position: fixed;
  -webkit-transition: max-height 0.8s ease-in-out;
  transition: max-height 0.8s ease-in-out;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  z-index: 9999999999999;
}

.showError {
  max-height: 60px;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .showError {
    max-height: 150px;
  }
}

@media only screen and (max-width: 600px) {
  .error-message {
    max-height: 150px;
  }
}

.error-message p {
  position: relative;
}

.error-message p:before {
  background: url("https://philanthropy.cdn.redcross.ca/icons/system-error-icon.png") no-repeat;
  background-size: 25px 25px;
  content: ' ';
  display: block;
  height: 35px;
  left: -35px;
  position: absolute;
  top: -3px;
  width: 35px;
}

@media only screen and (max-width: 600px) {
  .error-message p:before {
    top: 3px;
  }
}

@media only screen and (max-width: 600px) {
  .error-message p {
    margin: 0;
    width: 80%;
  }
}

.error-message .refresh {
  cursor: pointer;
  text-decoration: underline;
  text-transform: uppercase;
}

.site-header .logo a {
  display: inline-block;
}

.site-header .logo a:focus {
  outline: 1px solid #767676;
}

.site-header .logo a img:hover {
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .site-header {
    align-items: center;
    background: #fff;
    display: flex;
    height: 75px;
    position: -webkit-sticky;
    position: sticky;
    top: 72px;
    z-index: 400;
  }
}

@media only screen and (max-width: 767px) {
  .site-header {
    background: #fff;
    height: 130px;
    position: -webkit-sticky;
    position: sticky;
    top: 72px;
    z-index: 400;
  }
}

@media only screen and (min-width: 951px) {
  .site-header .hidden-for-large-up {
    display: block;
    height: auto;
    position: static !important;
  }
}

@media only screen and (min-width: 1024px) {
  .site-header {
    height: 130px;
  }

  html[lang="fr"] .site-header {
    height: 141px;
  }

  .site-header .hidden-for-large-up {
    display: none;
  }

  .site-header .logo {
    left: 20px;
    position: absolute;
    top: 50%;
    width: 160px;
  }

  html[lang="fr"] .site-header .logo {
    width: 170px;
  }
}

@media only screen and (max-width: 1023px) {
  .site-header .hidden-for-medium-down {
    display: none;
  }

  .site-header .logo {
    max-width: 130px;
    position: relative;
  }

  html[lang=fr] .site-header .logo {
    max-width: 140px;
  }

  .mobile-nav-container .logo a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: inherit;
    margin: 0;
    padding: 0;
    position: relative;
  }
}

@media (min-width: 1024px) {
  .site-header>.row {
    height: 120px;
  }

  html[lang="fr"] .site-header>.row {
    height: 141px;
  }
}

.site-header>.row .row {
  height: auto;
}

.site-header .utility-nav {
  margin-top: 15px;
}

.site-header .utility-nav .utility-nav {
  border-right: 2px solid #d8d8d8;
}

.site-header .utility-nav .utility-nav li:last-child {
  padding-right: 1em;
}

.site-header .utility-nav li {
  color: #333;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  transition: color 200ms ease-out;
  -webkit-transition: color 200ms ease-out;
  -moz-transition: color 200ms ease-out;
  -ms-transition: color 200ms ease-out;
  -o-tranition: color 200ms ease-out;
  font-size: 0.75rem;
  letter-spacing: .5px;
  line-height: 1;
  text-transform: inherit;
}

html[lang="fr"] .site-header .utility-nav li {
  margin-left: 12px;
}

@media (min-width: 1171px) {
  html[lang="fr"] .site-header .utility-nav li {
    margin-left: 15px;
  }
}

.site-header .utility-nav a {
  color: #333;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  transition: color 200ms ease-out;
  -webkit-transition: color 200ms ease-out;
  -moz-transition: color 200ms ease-out;
  -ms-transition: color 200ms ease-out;
  -o-tranition: color 200ms ease-out;
  font-size: 0.75rem;
}

html[lang="fr"] .site-header .utility-nav a {
  font-size: 0.6875rem;
  letter-spacing: 0;
}

@media (min-width: 1171px) {
  html[lang="fr"] .site-header .utility-nav a {
    font-size: 0.75rem;
  }
}

.site-header .utility-nav a:hover {
  text-decoration: none;
  color: #ee0000;
  transition: color 200ms ease-out;
  -webkit-transition: color 200ms ease-out;
  -moz-transition: color 200ms ease-out;
  -ms-transition: color 200ms ease-out;
  -o-tranition: color 200ms ease-out;
}

.site-header .utility-nav a:focus {
  text-decoration: none;
  color: #ee0000;
  transition: color 200ms ease-out;
  -webkit-transition: color 200ms ease-out;
  -moz-transition: color 200ms ease-out;
  -ms-transition: color 200ms ease-out;
  -o-tranition: color 200ms ease-out;
  outline: none;
  text-decoration: underline;
}

.site-header .utility-nav nav {
  margin-top: 0;
}

.site-header .utility-nav nav li:last-child {
  padding-right: 1em;
}

.site-header .utility-nav nav span[data-tooltip] {
  opacity: 0.5;
}

.site-header .utility-nav .inline-list {
  margin-left: 0;
  position: relative;
  z-index: 73;
}

.site-header .utility-nav .language-switch a {
  text-transform: none !important;
}

.site-header .inline-list.right.utility-nav {
  border-right: none;
  overflow: visible;
}

.site-header .inline-list.right.utility-nav li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.site-header .inline-list.right.utility-nav>li {
  float: none;
}

@media (min-width: 1024px) and (max-width: 1244px) {
  html[lang="fr"] .site-header .inline-list.right.utility-nav {
    padding-right: 0;
  }
}

/* General Search UI for both Main Header and Search Results page - sharing a partial */
.site-header .search,
.search-results .search {
  margin-top: 10px;
  position: relative;
  right: 0;
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .site-header .mobile-nav-container .search {
    margin-top: 0;
  }
}

.search-results .search {
  margin-top: 0;
}

@media (min-width: 1024px) {
  .site-header .search {
    margin-top: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 400;
  }
}

#SmartSearchForm .searchBox {
  max-width: 768px;
  position: relative;
}

#SmartSearchForm input[type="text"] {
  border-radius: 3px;
  box-shadow: none;
  height: 42px;
  font-size: 1rem;
  margin-bottom: 0;
  padding: 5px 45px 5px 15px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  width: 100%;
}

#SmartSearchForm input[type="text"]:hover {
  border-color: #222;
}

.search-results #SmartSearchForm input[type="text"] {
  margin-right: 0;
}

.site-header .search #SmartSearchForm input[type="text"] {
  height: 42px;
  font-size: 0.75rem;
  padding: 0 38px 0 10px;
  width: 160px;
}

.site-header .mobile-menu-options .search #SmartSearchForm input[type="text"] {
  height: 42px;
  padding: 0 60px 0 10px;
  width: 100%;
}

@media(max-width:1023px) {
  .search-results .search {
    display: none !important
  }
}

@media(min-width:1024px) {
  .site-header .search #SmartSearchForm input[type="text"]:focus {
    width: 160px;
  }
}

#SmartSearchForm .search-btn {
  background: transparent;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.site-header .search .search-btn {
  height: 42px;
  padding: 0 40px 0 10px;
  width: 42px;
}

.search-results #SmartSearchForm .search-btn {
  height: 42px;
  width: 42px;
}

.mobile-menu-options #SmartSearchForm .search-btn {
  height: 42px;
  right: 0;
  top: 0;
  width: 42px;
}

.site-header .search .search-btn .svg-wrapper {
  height: 42px;
  padding: 10px;
  width: 42px;
}

.site-header .search .svg-wrapper svg {
  height: 20px;
  width: 20px;
}

.search-results #SmartSearchForm .search-btn .svg-wrapper {
  height: 42px;
  padding: 9px;
  width: 42px;
}

.search-results #SmartSearchForm .svg-wrapper {
  height: 42px;
  width: 42px;
}

.search-results #SmartSearchForm .search-btn .svg-wrapper svg {
  height: 24px;
  width: 24px;
}

#SmartSearchForm .search-btn svg * {
  -webkit-transition: fill 240ms ease-in-out 10ms;
  transition: fill 240ms ease-in-out 10ms;
}

#SmartSearchForm .search-btn:hover,
#SmartSearchForm .search-btn:focus {
  opacity: 1;
  outline: none;
}

#SmartSearchForm .search-btn:hover svg *,
#SmartSearchForm .search-btn:focus svg * {
  fill: #007fa5;
}

.search-results .search-results-caption {
  border-bottom: 1px solid #d8d8d8;
  font-size: .875rem;
  margin: 0;
  padding: 1rem 0;
}

@media(max-width:1023px) {
  .search-results .search-results-caption {
    padding-top: 0;
  }
}

@media(max-width:374px) {
  .mobile-menu-options #SmartSearchForm .search-btn {
    right: 8px;
  }
}

@media(min-width:375px) {
  .mobile-menu-options #SmartSearchForm .search-btn {
    right: 0;
  }
}

.site-header .drp-down {
  margin-top: 3px;
  padding-left: 15px;
}

.site-header .drp-down ul li {
  list-style: none;
}

.site-header .drp-down ul li:last-child {
  border-right: none;
}

.mobile-switch {
  float: right;
  list-style: none;
  padding-top: 10px;
}

.mobile-switch a {
  color: #222;
}

.mobile-switch a:hover,
.mobile-switch a:focus {
  color: #ee0000;
  text-decoration: none;
}

a.button,
.button {
  background-color: #007fa5;
  border-radius: 6px;
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  min-width: 110px;
  padding: 11px 24px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 200ms ease-out;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  -ms-transition: background-color 200ms ease-out;
  -o-tranition: background-color 200ms ease-out;
}

a.button:hover,
a.button:focus,
.button:hover,
.button:focus {
  text-decoration: none;
}

a.button span,
.button span {
  color: #fff;
}

a.button:hover,
a.button:focus,
.button:hover,
.button:focus {
  background-color: #005670;
  color: #fff;
}

a.button:hover span,
a.button:focus span,
.button:hover span,
.button:focus span {
  color: #fff;
}

a.button:hover,
a.button:focus,
.button:hover,
.button:focus {
  background-color: #005670;
  outline: none;
  text-decoration: none;
}

a.button.primary-button,
.button.primary-button {
  background-color: #ee0000;
  color: #fff;
}

a.button.primary-button span,
.button.primary-button span {
  color: #fff;
}

a.button.primary-button:hover,
a.button.primary-button:focus,
.button.primary-button:hover,
.button.primary-button:focus {
  background-color: #9A0000;
  color: #fff;
}

a.button.primary-button:hover span,
a.button.primary-button:focus span,
.button.primary-button:hover span,
.button.primary-button:focus span {
  color: #fff;
}

a.button.primary-button-alt,
.button.primary-button-alt {
  background-color: #fff;
  border: 1px solid #ee0000;
  color: #ee0000;
}

a.button.primary-button-alt:hover,
a.button.primary-button-alt:focus,
.button.primary-button-alt:hover,
.button.primary-button-alt:focus {
  background-color: #ee0000;
  color: #fff;
}

a.button.secondary-button,
.button.secondary-button {
  background-color: #007fa5;
  color: #fff;
}

a.button.secondary-button span,
.button.secondary-button span {
  color: #fff;
}

a.button.secondary-button:hover,
a.button.secondary-button:focus,
.button.secondary-button:hover,
.button.secondary-button:focus {
  background-color: #005670;
  color: #fff;
}

a.button.secondary-button:hover span,
a.button.secondary-button:focus span,
.button.secondary-button:hover span,
.button.secondary-button:focus span {
  color: #fff;
}

a.button.donation-button:after,
.button.donation-button:after {
  background: url("/content/images/chevron_right.svg") 0 0 no-repeat;
  content: '';
  height: 11px;
  position: absolute;
  right: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
  width: 8px;
}

a.button span,
.button span {
  display: inline-block;
  position: relative;
}

a.button.small,
.button.small {
  padding: 8px 16px;
}

a.button.small:after,
.button.small:after {
  right: 12px;
}

a.button.small span,
.button.small span {
  padding-right: 10px;
}

a.button.small span:after,
.button.small span:after {
  top: 46%;
  right: -3px;
}

a.button.button-small,
.button.button-small {
  font-size: 0.8125rem;
  margin-bottom: 0;
  padding: 8px 24px;
  border-radius: 3px;
}

a.button:disabled,
.button:disabled {
  background: #c3c3c3;
  color: #333;
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

a.button.twitter:after,
.button.twitter:after {
  display: none;
}

a.button.clicked:after,
.button.clicked:after {
  content: '';
  background: url("/content/images/mobile-preloader.svg") 0 0 no-repeat;
  background-size: 21px;
  height: 25px;
  right: 3px;
  top: 50%;
  width: 31px;
}

.rich-text a.button,
.rich-text .button {
  border-radius: 6px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 11px 24px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 200ms ease-out;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  -ms-transition: background-color 200ms ease-out;
  -o-tranition: background-color 200ms ease-out;
  color: #fff;
}

.rich-text a.button:hover,
.rich-text a.button:focus,
.rich-text .button:hover,
.rich-text .button:focus {
  text-decoration: none;
}

.side-nav {
  margin-left: 0;
  min-height: 500px;
  padding-left: 0;
}

.side-nav li {
  list-style: none;
  margin: 0;
  padding-bottom: 0;
}

.side-nav li a {
  color: #5e5e5e;
  display: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1rem;
  margin-left: 0;
  padding: 8px 26px 8px 0;
  text-decoration: none;
}

.side-nav li a.selected,
.side-nav li a:hover,
.side-nav li a:focus {
  color: #222;
  outline: none;
  text-decoration: underline;
}

.side-nav li.active {
  color: #222;
  font-weight: 700;
  margin-bottom: 0;
  padding: 0;
}

.side-nav li.active.children:first-child {
  border-top: none;
  padding-top: 8px;
}

.side-nav.border-top>li:first-child>a:first-child {
  padding-top: 0;
}

.side-nav li.active.children>a {
  color: #222;
  font-weight: 700;
}

.side-nav li.active a {
  color: #767676;
  font-weight: 600;
}

.side-nav li.active a:hover,
.side-nav li.active a:focus {
  color: #222;
  outline: none;
}

.side-nav li.active>a {
  color: #222;
  font-weight: 700;
}

.side-nav li.active ul {
  display: block;
  margin-left: 20px;
  padding-bottom: 0;
  padding-left: 0;
}

.side-nav li.active ul li {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
}

.side-nav li.active ul li.active {
  border: none;
}

.side-nav li.active ul li.active a {
  font-weight: 600;
}

.side-nav li.active ul li.active.children {
  margin-bottom: 8px;
}

.side-nav li.active ul li.active.children ul {
  border-left: 2px solid #d8d8d8;
  margin-lefT: 0;
  padding-bottom: 0;
}

.side-nav li.active ul li.active.children ul li a {
  color: #767676;
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 5px 5px 5px 10px;
}

.side-nav li.active ul li.active.children ul li a:hover,
.side-nav li.active ul li.active.children ul li a:focus {
  color: #222;
}

.side-nav li.active ul li.active.children ul li.active a {
  color: #222;
}

.side-nav li.active ul li.active ul {
  display: block;
}

.side-nav li.active ul li.active ul li {
  display: block;
}

.side-nav li.active ul li a {
  font-weight: 400;
}

.side-nav li.active ul li ul {
  display: none;
}

.side-nav li ul {
  display: none;
}

.side-nav li ul li {
  list-style-image: none;
}

.side-nav li ul li ul li {
  display: none;
}

.side-nav li ul li ul li.children ul {
  display: none;
}

ul.breadcrumb {
  margin-left: 0;
  margin-top: 1rem;
}

ul.breadcrumb li {
  font-size: 0.875rem;
  margin-left: 0;
  padding: 2px 10px 2px 15px;
  position: relative;
}

ul.breadcrumb li:before {
  content: '';
}

ul.breadcrumb li .button.small {
  font-size: 0.875rem;
  line-height: 1.3;
  margin: 0 4px 0 0;
  text-transform: none;
}

ul.breadcrumb li:first-child {
  padding: 2px 10px 2px 0;
}

ul.breadcrumb li a {
  color: #005670;
  font-weight: 400;
}

ul.breadcrumb li a.button {
  background: none;
  color: #005670 !important;
  height: auto;
  margin: inherit;
  padding: inherit;
}

ul.breadcrumb li a.button:after {
  content: url("/content/images/chevron-right.svg");
  position: absolute;
  right: -5px;
  top: -3px;
}

ul.breadcrumb li a.button.small:after {
  right: -25px;
}

ul.breadcrumb li a.double.button {
  background: none;
  color: #005670 !important;
  height: auto;
  margin: inherit;
  padding: inherit;
}

ul.breadcrumb li a.double.button:after {
  content: url("/content/images/chevron-right.svg");
  position: absolute;
  right: -15px;
  top: 6px;
}

ul.breadcrumb li a:after {
  content: url("/content/images/chevron-right.svg");
  position: absolute;
  right: -5px;
  top: 2px;
}

ul.breadcrumb li a:hover,
ul.breadcrumb li a:focus {
  color: #222;
  outline: none;
  text-decoration: underline;
}

ul.breadcrumb li a:focus {
  font-weight: 600;
}

ul.breadcrumb li:last-child a {
  font-weight: 600;
}

ul.breadcrumb li:last-child a:after {
  content: '';
}

/* Back link on Contact Modals */
.back a {
  font-weight: 600;
}

.back a:before {
  color: #005670;
  content: "\F054";
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  padding-left: 5px;
  transform: rotate(180deg);
}

.back a:hover,
.back a:focus,
.back a:hover:before .back a:focus:before {
  color: #000;
  text-decoration: underline;
}

p.navigation a {
  display: inline-block;
  padding: 0.0625rem 0.625rem 0.0625rem;
  color: #999;
  background: none;
  border-radius: 3px;
  font-weight: normal;
  font-size: 1em;
  line-height: inherit;
  background-color: #767676;
  color: #fff;
  transition: background-color 300ms ease-out;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -ms-transition: background-color 300ms ease-out;
}

p.navigation a:hover {
  background: #ee0000;
  text-decoration: none;
}

p.navigation span {
  display: inline-block;
  padding: 0.0625rem 0.625rem 0.0625rem;
  color: #999;
  background: none;
  border-radius: 3px;
  font-weight: normal;
  font-size: 1em;
  line-height: inherit;
  background: #ee0000;
  color: #fff;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

p.navigation span:hover {
  background: #ee0000;
  text-decoration: none;
}

/* Slider */
.slick-slider {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 950px) {
  .slider.slick-initialized.slick-slider {
    display: block;
  }
}

.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
}

.slick-track::before,
.slick-track::after {
  content: '';
  display: table;
}

.slick-track::after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.slider {
  background-color: #f7f7f7;
  overflow: hidden;
}

@media (max-width: 950px) {
  .slider {
    padding-top: 42px;
  }
}

.slick-slide {
  position: relative;
}

.slick-slide:hover,
.slick-slide:focus {
  cursor: pointer;
}

.slick-slide:hover img,
.slick-slide:focus img {
  opacity: 1;
}

.slick-slide:after {
  content: "";
  height: 100%;
  position: absolute;
  width: 50%;
}

.slick-slide .row {
  height: 100%;
  max-height: 600px;
  position: static;
}

@media only screen and (max-width: 950px) {
  .slick-slide .row {
    background-color: #f7f7f7;
  }
}

.slick-slide .row .columns {
  height: 100%;
}

@media only screen and (min-width: 951px) {
  .slick-slide .row {
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .slick-slide .row {
    left: 50%;
    margin-left: -600px;
  }
}

.slick-slide .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 0 9px;
  text-align: left;
  z-index: 5000;
}

@media only screen and (min-width: 951px) {
  .slick-slide .caption {
    display: inline-block;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
  }
}

.slick-slide .caption:before {
  content: '';
  display: inline-block;
  display: none;
  height: 100%;
  margin-right: -0.25em;
  /* Adjusts for spacing */
  vertical-align: middle;
}

.slick-slide .caption .partnership-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

.slick-slide .caption .partnership-container .tag-container {
  display: inline-block;
  margin-right: 30px;
}

@media (max-width: 320px) {
  .slick-slide .caption .partnership-container .tag-container {
    margin-bottom: 5px;
  }
}

.slick-slide .caption .partnership-container .tag-container .tag-bg {
  background-color: #ee0000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  letter-spacing: .2px;
  position: relative;
  text-align: left;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  width: 100%;
}

.slick-slide .caption .partnership-container .tag-container .tag-bg:after {
  border-top: 16px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid transparent;
  border-left: 10px solid #ee0000;
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.slick-slide .caption .partnership-container .tag-container .tag-bg .tag-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 0.875rem;
  height: 36px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1;
  padding: 5px 10px;
}

.slick-slide .caption .partnership-container .tag-container .tag-bg .tag-text .bold {
  color: #fff;
  font-size: 1.125rem;
  padding-right: 7px;
}

.slick-slide .caption .partnership-container .partner-text .hide-for-medium-down {
  display: none;
}

.slick-slide .caption .partnership-container .partner-text {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.slick-slide .caption .partnership-container .partner-text span {
  color: #222;
  font-size: .875rem;
  margin-bottom: 0;
}

.slick-slide .caption .partnership-container .partner-text span.pre-text {
  padding-right: 5px;
}

.slick-slide .caption .partnership-container .partner-text .partner-logo {
  display: none;
}

@media only screen and (max-width: 414px) {
  .slick-slide .caption .partnership-container .partner-text span {
    font-size: 0.75rem;
  }
}

.slick-slide .caption h1,
.slick-slide .caption .h1 {
  color: #222;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
  margin-top: 20px;
}

html[lang="fr"] .slick-slide .caption h1,
body.FRCA .slick-slide .caption .h1 {
  font-size: 1.5rem;
}

@media only screen and (max-width: 320px) {

  .slick-slide .caption h1,
  .slick-slide .caption .h1 {
    font-size: 1.375rem;
  }

  html[lang="fr"] .slick-slide .caption h1,
  body.FRCA .slick-slide .caption .h1 {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 950px) {
  .hide-for-large-up.mobile-slide {
    display: block !important;
    position: relative;
  }

  .mobile-slide::after {
    background: linear-gradient(to top,
        rgba(0, 0, 0, 0.3) 12%,
        rgba(0, 0, 0, 0.1) 27%,
        rgba(0, 0, 0, 0) 37%,
        rgba(0, 0, 0, 0) 47%,
        rgba(0, 0, 0, 0) 47% 84%);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .mobile-slide .image-credit {
    background: inherit;
    bottom: 10px;
    color: #fff;
    display: block;
    font-size: 0.625rem;
    left: 24px;
    padding: 0;
    position: absolute;
    text-align: left;
    text-shadow: 2px 2px 32px #000;
    width: calc(100% - 48px);
    z-index: 1;
  }
}

@media only screen and (min-width: 1351px) {
  .slick-slide .caption .image-credit {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .slick-slide .caption .button {
    width: 100%;
  }
}

@media only screen and (min-width: 951px) {
  .slick-slide.gradient-light.gradient-left .caption {
    left: 0;
    text-align: left !important;
  }
}

@media only screen and (min-width: 951px) {

  .slick-slide.gradient-light.gradient-left .caption h1,
  .slick-slide.gradient-light.gradient-left .caption .h1,
  .slick-slide.gradient-light.gradient-left .caption .image-credit {
    text-shadow: 2px 2px 32px #fff;
  }
}

@media only screen and (min-width: 951px) {
  .slick-slide.gradient-light.gradient-left:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
    left: 0;
    top: 0;
  }
}

@media only screen and (min-width: 951px) {
  .slick-slide.gradient-light.gradient-right .caption {
    right: 40px;
    text-align: right !important;
  }
}

@media only screen and (min-width: 1351px) {
  .slick-slide.gradient-light.gradient-right .caption {
    right: 0;
  }
}

@media only screen and (min-width: 951px) {
  .slick-slide.gradient-light.gradient-right:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
    right: 0;
    top: 0;
  }
}

@media only screen and (min-width: 951px) {

  .slick-slide.gradient-dark .caption h1,
  .slick-slide.gradient-dark .caption .h1,
  .slick-slide.gradient-dark .caption .image-credit {
    color: #fff;
    text-shadow: 2px 2px 32px #000;
  }
}

@media only screen and (min-width: 951px) {
  .slick-slide.gradient-dark.gradient-left .caption {
    text-align: left !important;
  }
}

@media only screen and (min-width: 951px) {
  .slick-slide.gradient-dark.gradient-left:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    left: 0;
    top: 0;
  }
}

@media only screen and (min-width: 951px) {
  .slick-slide.gradient-dark.gradient-right .caption {
    right: 40px;
    text-align: right !important;
  }
}

@media only screen and (min-width: 1351px) {
  .slick-slide.gradient-dark.gradient-right .caption {
    right: 0;
  }
}

@media only screen and (min-width: 951px) {
  .slick-slide.gradient-dark.gradient-right:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    right: 0;
    top: 0;
  }
}

.slick-dots-wrapper {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  height: 100px;
  position: absolute;
  width: 100%;
  z-index: 4;
}

@media only screen and (max-width: 950px) {
  .slick-dots-wrapper {
    display: none;
  }
}

.slick-dots-wrapper#slick-dots-count-1 ul.slick-dots li {
  width: 10%;
}

.slick-dots-wrapper#slick-dots-count-2 ul.slick-dots li {
  width: 50%;
}

.slick-dots-wrapper#slick-dots-count-3 ul.slick-dots li {
  width: 33%;
}

.slick-dots-wrapper#slick-dots-count-4 ul.slick-dots li {
  width: 25%;
}

.slick-dots-wrapper ul.slick-dots {
  height: 100px;
  margin: 0 auto;
  max-width: 73.125rem;
  padding: 0;
}

.slick-dots-wrapper ul.slick-dots li {
  border-left: 1px solid #d8d8d8;
  float: left;
  font-size: 1rem;
  height: 100px;
  line-height: 1.25;
  list-style: none;
  padding: 0;
  position: relative;
  text-align: left;
}

.slick-dots-wrapper ul.slick-dots li:first-of-type {
  border-left: none;
}

.slick-dots-wrapper ul.slick-dots li.slick-active button {
  color: #ee0000;
}

.slick-dots-wrapper ul.slick-dots li.slick-active button line,
.slick-dots-wrapper ul.slick-dots li.slick-active button path,
.slick-dots-wrapper ul.slick-dots li.slick-active button circle,
.slick-dots-wrapper ul.slick-dots li.slick-active button polygon {
  fill: #ee0000;
}

.slick-dots-wrapper ul.slick-dots li.slick-active button line.st1,
.slick-dots-wrapper ul.slick-dots li.slick-active button path.st1,
.slick-dots-wrapper ul.slick-dots li.slick-active button circle.st1,
.slick-dots-wrapper ul.slick-dots li.slick-active button polygon.st1 {
  fill: #fff;
}

.slick-dots-wrapper ul.slick-dots li::before {
  content: '';
}

.slick-dots-wrapper ul.slick-dots li button {
  transition: all 0.125s ease;
  -webkit-transition: all 0.125s ease;
  -moz-transition: all 0.125s ease;
  -ms-transition: all 0.125s ease;
  -o-tranition: all 0.125s ease;
  background-color: transparent;
  border: none;
  border-bottom: 6px solid #ee0000;
  border-top: 6px solid transparent;
  color: #222;
  display: block;
  height: 106px;
  font-weight: 600;
  margin: 0;
  padding: 0 15px;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  top: 0;
  width: 100%;
}

.slick-dots-wrapper ul.slick-dots li button:hover,
.slick-dots-wrapper ul.slick-dots li button:focus {
  border-top-color: rgba(255, 255, 255, 0.8);
  color: #ee0000;
  outline: none;
  text-decoration: none;
  top: -6px;
}

.slick-dots-wrapper ul.slick-dots li button:hover line,
.slick-dots-wrapper ul.slick-dots li button:hover path,
.slick-dots-wrapper ul.slick-dots li button:hover circle,
.slick-dots-wrapper ul.slick-dots li button:hover polygon,
.slick-dots-wrapper ul.slick-dots li button:focus line,
.slick-dots-wrapper ul.slick-dots li button:focus path,
.slick-dots-wrapper ul.slick-dots li button:focus circle,
.slick-dots-wrapper ul.slick-dots li button:focus polygon {
  fill: #ee0000;
}

.slick-dots-wrapper ul.slick-dots li button:hover line.st1,
.slick-dots-wrapper ul.slick-dots li button:hover path.st1,
.slick-dots-wrapper ul.slick-dots li button:hover circle.st1,
.slick-dots-wrapper ul.slick-dots li button:hover polygon.st1,
.slick-dots-wrapper ul.slick-dots li button:focus line.st1,
.slick-dots-wrapper ul.slick-dots li button:focus path.st1,
.slick-dots-wrapper ul.slick-dots li button:focus circle.st1,
.slick-dots-wrapper ul.slick-dots li button:focus polygon.st1 {
  fill: #fff;
}

.slick-dots-wrapper ul.slick-dots li .vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 80px;
  padding-right: 20px;
  position: absolute;
  z-index: -1;
}

.slick-dots-wrapper ul.slick-dots li .icon {
  left: 18px;
  max-width: 50px;
  padding-right: 0;
}

.slick-dots-wrapper ul.slick-dots li:hover,
.slick-dots-wrapper ul.slick-dots li:focus {
  outline: none;
}

.slick-dots-wrapper ul.slick-dots li:hover button,
.slick-dots-wrapper ul.slick-dots li:focus button {
  border-top-color: rgba(255, 255, 255, 0.8);
  color: #ee0000;
  outline: none;
  text-decoration: none;
  top: -6px;
}

.slick-dots-wrapper ul.slick-dots li:hover button line,
.slick-dots-wrapper ul.slick-dots li:hover button path,
.slick-dots-wrapper ul.slick-dots li:hover button circle,
.slick-dots-wrapper ul.slick-dots li:hover button polygon,
.slick-dots-wrapper ul.slick-dots li:focus button line,
.slick-dots-wrapper ul.slick-dots li:focus button path,
.slick-dots-wrapper ul.slick-dots li:focus button circle,
.slick-dots-wrapper ul.slick-dots li:focus button polygon {
  fill: #ee0000;
}

.slick-dots-wrapper ul.slick-dots li:hover button line.st1,
.slick-dots-wrapper ul.slick-dots li:hover button path.st1,
.slick-dots-wrapper ul.slick-dots li:hover button circle.st1,
.slick-dots-wrapper ul.slick-dots li:hover button polygon.st1,
.slick-dots-wrapper ul.slick-dots li:focus button line.st1,
.slick-dots-wrapper ul.slick-dots li:focus button path.st1,
.slick-dots-wrapper ul.slick-dots li:focus button circle.st1,
.slick-dots-wrapper ul.slick-dots li:focus button polygon.st1 {
  fill: #fff;
}

.slick-dots-wrapper ul.slick-dots li span {
  display: table-cell;
  padding-left: 60px;
  position: relative;
  vertical-align: middle;
}

.slick-dots-wrapper ul.slick-dots li img,
.slick-dots-wrapper ul.slick-dots li svg {
  float: left;
  margin-right: 1rem;
  max-width: 47px;
}

.slick-prev,
.slick-next {
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: block !important;
  height: 40px;
  margin-bottom: 0;
  position: absolute;
  text-indent: -999em;
  top: calc(25% - 20px);
  width: 40px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: #222;
  border-radius: 50%;
  outline: none;
}

@media only screen and (min-width: 415px) {

  .slick-prev,
  .slick-next {
    top: calc(30% - 20px);
  }
}

@media only screen and (min-width: 768px) {

  .slick-prev,
  .slick-next {
    top: calc(35% - 20px);
  }
}

@media only screen and (min-width: 951px) {

  .slick-prev,
  .slick-next {
    display: none !important;
  }
}

.slick-prev {
  background-image: url('/content/icons/arrow-left.png');
  left: 3%;
}

.slick-next {
  background-image: url("/content/icons/arrow-right.png");
  right: 3%;
}

.homepage-slider+.slick-slider .slick-prev {
  left: 15px;
}

.homepage-slider+.slick-slider .slick-next {
  right: 15px;
}

.homepage-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  height: 500px;
  margin-bottom: 25px;
  min-height: 100%;
  position: relative;
}

@media only screen and (max-width: 950px) {
  .homepage-slider {
    display: none;
  }
}

.flex-container {
  position: absolute;
  height: 650px;
  height: 500px;
  width: 100%;
  /* Safari */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.flex-slide {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  max-height: 650px;
  max-height: 500px;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-slide a {
  bottom: 0;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.flex-slide a:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
  display: block;
  height: 100%;
  width: 100%;
}

.flex-slide>a>img:first-child {
  bottom: 0;
  height: 650px;
  height: 500px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  z-index: -1;
}

.flex-slide .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 90px;
  pointer-events: none;
  z-index: 4;
}

.flex-slide .row .caption {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 5px 18px 0 0;
}

.flex-slide .row .caption:after {
  background-color: transparent;
  content: '';
}

.flex-slide .row .caption .partnership-container {
  display: none;
}

.flex-slide .row .caption .primary-button {
  display: none;
}

.flex-slide .row .caption .image-credit {
  bottom: 10px;
  color: #fff;
  display: none !important;
  font-size: .625rem;
  left: 20px;
  position: absolute;
}

.flex-slide .row .caption h1,
.flex-slide .row .caption .h1 {
  color: #fff;
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  margin-bottom: 20px;
  max-width: 200px;
  padding-right: 10px;
  position: relative;
  text-shadow: 2px 2px 32px #000;
}

@media (min-width: 1024px) {

  .flex-slide .row .caption h1,
  .flex-slide .row .caption .h1 {
    font-size: 1.125rem;
  }
}

html[lang="fr"] .flex-slide .row .caption h1,
body.FRCA .flex-slide .row .caption .h1 {
  font-size: 0.875rem;
}

.flex-slide .row .caption h1:after,
.flex-slide .row .caption .h1:after {
  background: url("/content/icons/thin-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: " ";
  height: 15px;
  position: absolute;
  right: -18px;
  width: 18px;
}

@media (min-width: 1171px) {

  .flex-slide .row .caption h1:after,
  .flex-slide .row .caption .h1:after {
    bottom: 3px;
    width: 28px;
  }
}

.flex-slide:hover,
.flex-slide.active {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}

.flex-slide:hover .row,
.flex-slide.active .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
}

.flex-slide:hover .row .caption,
.flex-slide.active .row .caption {
  height: 100%;
  padding-left: 15px;
  position: absolute;
}

.flex-slide:hover .row .caption .h1,
.flex-slide.active .row .caption .h1 {
  top: 37%;
}

.flex-slide:hover .row .caption .primary-button,
.flex-slide:hover .row .caption .image-credit,
.flex-slide.active .row .caption .primary-button,
.flex-slide.active .row .caption .image-credit {
  color: #fff;
  display: table;
}

.flex-slide:hover .row .caption .primary-button,
.flex-slide.active .row .caption .primary-button {
  margin-bottom: 0;
  top: 40%;
}

.flex-slide:hover .row .caption .image-credit,
.flex-slide.active .row .caption .image-credit {
  display: block !important;
}

.flex-slide:hover .image-credit,
.flex-slide.active .image-credit {
  color: #fff;
  display: block;
  margin-top: 10px;
}

.flex-slide.active .row {
  pointer-events: none;
}

.flex-slide.active .row .caption {
  display: block;
}

.flex-slide.active .row .caption .partnership-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 16px;
  position: absolute;
  top: 20%;
}

@media (min-width: 1024px) {
  .flex-slide.active .row .caption .partnership-container {
    top: 15%;
  }
}

@media (max-width: 320px) {
  .flex-slide.active .row .caption .partnership-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.flex-slide.active .row .caption .partnership-container .partner-text {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-slide.active .row .caption .partnership-container .partner-text .pre-text {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 5px;
  position: absolute;
  top: -25px;
  width: 100%;
}

@media(min-width: 951px) {
  .flex-slide.active .row .caption .partnership-container .partner-text .bold {
    display: none;
  }
}

.flex-slide.active .row .caption .partnership-container .partner-text .partner-logo img {
  max-height: 70px;
  max-width: 180px;
}

.flex-slide.active .row .caption .partnership-container .tag-container {
  margin-right: 30px;
}

.flex-slide.active .row .caption .partnership-container .tag-container .tag-bg {
  background-color: #ee0000;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  letter-spacing: .2px;
  position: relative;
  text-align: left;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  width: 100%;
}

.flex-slide.active .row .caption .partnership-container .tag-container .tag-bg:after {
  border-top: 16px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid transparent;
  border-left: 10px solid #ee0000;
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.flex-slide.active .row .caption .partnership-container .tag-container .tag-bg .tag-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 0.875rem;
  height: 36px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1;
  padding: 5px 10px;
}

.flex-slide.active .row .caption .partnership-container .tag-container .tag-bg .tag-text .bold {
  color: #fff;
  font-size: 1.3125rem;
  padding-right: 7px;
}

.flex-slide.active .row .caption .partnership-container .partner-text .hide-for-large-up {
  display: none;
}

.flex-slide.active .row .caption .partnership-container .partner-text p {
  color: #fff;
}

.flex-slide.active .row .caption h1,
.flex-slide.active .row .caption .h1,
.flex-slide.active .row .caption h2 {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1.2;
  max-width: 600px;
}

html[lang="fr"] .flex-slide.active .row .caption h1,
body.FRCA .flex-slide.active .row .caption .h1,
body.FRCA .flex-slide.active .row .caption h2 {
  font-size: 1.5rem;
}

@media only screen and (min-width: 951px) {

  .flex-slide.active .row .caption h1,
  .flex-slide.active .row .caption .h1,
  .flex-slide.active .row .caption h2 {
    font-size: 2.1875rem;
    max-width: 600px;
  }

  html[lang="fr"] .flex-slide.active .row .caption h1,
  body.FRCA .flex-slide.active .row .caption .h1,
  body.FRCA .flex-slide.active .row .caption h2 {
    font-size: 1.75rem;
  }
}

@media only screen and (min-width: 1351px) {

  .flex-slide.active .row .caption h1,
  .flex-slide.active .row .caption .h1,
  .flex-slide.active .row .caption h2 {
    font-size: 3.1875rem;
  }

  html[lang="fr"] .flex-slide.active .row .caption h1,
  body.FRCA .flex-slide.active .row .caption .h1,
  body.FRCA .flex-slide.active .row .caption h2 {
    font-size: 2.75rem;
  }
}

.flex-slide.active .row .caption h1:after,
.flex-slide.active .row .caption .h1:after,
.flex-slide.active .row .caption h2:after {
  display: none;
}

.flex-slide.active a:after {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  content: '';
  display: block;
  height: 100%;
  width: 100%;
}

/* new animated slide styles - 11/06/2024 */
@media(max-width: 767px) {
  .animated-slide {
    background: #000;
  }

  .slide.animated-slide.gradient-left.gradient-dark:after {
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 40%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .animated-slide .partnership-container {
    display: none;
  }

  .animated-slide .row .h1 {
    font-size: 1.375rem;
    padding: 0 30px;
    z-index: 2;
  }

  .animated-slide .row .h1 .regular {
    display: block;
    padding-top: 10px;
  }

  html[lang="fr"] .animated-slide .row .h1 {
    font-size: 1.25rem;
    padding: 0 20px;
    z-index: 2;
  }

  .animated-slide .button {
    bottom: 20px;
    z-index: 2;
  }

  .animated-slide a {
    padding-bottom: 110px;
  }

  .red-bar {
    z-index: 300;
  }

  .red-bar a {
    padding: 10px 30px;
  }
}

@media(max-width: 374px) {
  .red-bar a {
    padding: 10px;
  }
}

@media(max-width: 400px) {
  html[lang="fr"] .animated-slide .row .caption .h1 {
    font-size: 1.25rem;
  }

  .animated-slide .row .caption .h1 {
    font-size: 1.375rem;
  }
}

@media only screen and (max-width: 413px) {
  html[lang="fr"] .red-bar a {
    padding: 10px 20px;
  }
}

.animated-slide {
  background: #000;
  position: relative;
}

.animated-slide a {
  display: inline-block;
}

.animated-slide .row {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.animated-slide .row .columns {
  height: 100%;
}

.animated-slide .row .columns .caption {
  height: 100%;
  position: relative;
}

.animated-slide .row .h1 {
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
  text-shadow: 2px 2px 32px #000;
}

.animated-slide .row .h1 .regular {
  color: #fff;
  font-weight: 400;
  text-shadow: 2px 2px 32px #000;
}

.animated-slide .row .h1 {
  bottom: 80px;
  left: 0;
  position: absolute;
  right: 0;
}

.animated-slide .button {
  bottom: 30px;
  left: 0;
  margin: 0 auto;
  max-width: 190px;
  padding: 15px;
  position: absolute;
  right: 0;
  text-align: center;
}

@media(min-width: 400px) {
  .animated-slide .row .h1 {
    font-size: 1.1875rem;
  }
}

@media(min-width: 768px) {
  .animated-slide .partnership-container {
    left: 20px;
    position: absolute;
    top: 0;
  }

  .animated-slide .partnership-container .partner-logo {
    display: inline-block;
    max-width: 220px;
    transform: rotate(-20deg);
  }

  .animated-slide .row .h1 {
    bottom: 110px;
    font-size: 2.125rem;
  }

  .animated-slide .button {
    bottom: 50px;
  }
}

@media(min-width: 951px) {
  .animated-slide .partnership-container {
    left: -20px;
    top: -11px;
  }

  .animated-slide .partnership-container .partner-logo {
    max-width: 120px;
  }

  .animated-slide .row .h1 {
    bottom: 90px;
  }

  .animated-slide .button {
    bottom: 20px;
  }
}

@media(min-width: 1024px) {
  .animated-slide .partnership-container {
    left: -15px;
    top: -10px;
  }

  .animated-slide .partnership-container .partner-logo {
    max-width: 160px;
  }

  .animated-slide .row .h1 {
    bottom: 80px;
  }

  .animated-slide .button {
    bottom: 30px;
  }
}

@media(min-width: 1200px) {
  .animated-slide .partnership-container {
    left: 0;
    top: 0;
  }

  .animated-slide .partnership-container .partner-logo {
    max-width: 200px;
  }

  .animated-slide .row .h1 {
    bottom: 80px;
  }

  .animated-slide .button {
    bottom: 30px;
  }
}

@media(min-width: 1400px) {
  .animated-slide .row .h1 {
    bottom: 100px;
  }

  .animated-slide .button {
    bottom: 50px;
  }
}

@media(min-width:951px) {
  html[lang="fr"] .animated-slide .row .h1 {
    font-size: 1.75rem;
  }

  html[lang="fr"] .animated-slide .partnership-container .partner-logo {
    max-width: 100px;
  }
}

@media(min-width:1024px) {
  html[lang="fr"] .animated-slide .row .h1 {
    bottom: 90px;
    font-size: 1.75rem;
  }

  html[lang="fr"] .animated-slide .partnership-container .partner-logo {
    max-width: 130px;
  }
}

@media(min-width:1200px) {
  html[lang="fr"] .animated-slide .row .h1 {
    bottom: 100px;
    font-size: 1.75rem;
  }

  html[lang="fr"] .animated-slide .partnership-container .partner-logo {
    max-width: 170px;
  }
}

.red-bar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ee0000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  width: 100%;
}

@media (max-width: 950px) {
  .red-bar {
    left: 0;
    position: absolute;
    top: 0;
  }
}

.red-bar p {
  display: block;
  margin: 0;
  width: 100%;
}

.red-bar a {
  color: #fff;
  display: block;
  font-size: 0.875rem;
  letter-spacing: .5px;
  text-align: center;
}

@media (min-width: 1024px) {
  .red-bar a {
    font-size: 1.125rem;
  }
}

.red-bar a span {
  color: #fff;
}

.red-bar a img {
  margin-left: 10px;
  max-width: 18px;
}

@media (min-width: 951px) {
  #PageContent .slick-slider+.red-bar {
    margin-top: -25px;
  }

  #PageContent .red-bar {
    margin-top: 0;
  }
}

.red-bar:hover,
.red-bar:focus {
  background: #9A0000;
}

/* Accordion */
.accordion {
  counter-reset: section;
  margin-bottom: 20px;
}

.accordion>div:first-child .question {
  border: none;
}

.accordion .faq-header {
  font-weight: 700;
  margin-top: 2rem;
}

.accordion .faq {
  padding: 1rem 2.5rem 1rem 0;
  position: relative;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.accordion .faq .question {
  appearance: none;
  background: transparent;
  border: none;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

.accordion .faq .question>.question-heading {
  border-bottom: 1px solid transparent;
  color: #222;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}

.accordion .faq .question:hover,
.accordion .faq .question:focus {
  outline: none;
}

.accordion .faq .question:hover>.question-heading,
.accordion .faq .question:focus>.question-heading {
  color: #ee0000;
  outline: none;
  text-decoration: none;
}

.accordion .faq .question:after {
  color: #ee0000;
  content: "+";
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  margin-left: 0;
  margin-right: -2.5rem;
  position: absolute;
  right: 5px;
  top: calc(50% - 12px);
  transition: transform 0.3s ease-in-out;
}

/* FAQ ACTIVE */
.accordion .faq .question[aria-expanded=true] .question-heading {
  border-bottom: 1px solid #ee0000;
  color: #ee0000;
  text-decoration: none;
}

.accordion .faq .question[aria-expanded=true]:after {
  line-height: 1em;
  transform: rotate(-225deg);
}

.accordion .faq .answer {
  display: none;
  margin-bottom: -10px;
}

.accordion .faq .answer,
.accordion .faq .answer p {
  font-size: .9375rem;
}

.accordion .faq .answer>div {
  margin-top: 5px;
  min-height: 0;
  padding: 1rem 0 10px;
}

.accordion-v2 {
  margin: 16px 0;
}

.accordion-v2 .accordion-item {
  border-bottom: 1px solid #d8d8d8;
  padding: 16px 0 16px 24px;
}

.accordion-v2 .accordion-item>.accordion-item-title {
  cursor: pointer;
  margin: 0;
  position: relative;
}

.accordion-v2 .accordion-item>.accordion-item-title::before {
  content: "\F054";
  font-family: 'FontAwesome';
  font-size: 16px;
  left: -24px;
  position: absolute;
  top: 2px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 240ms ease-in-out 10ms;
  transition: -webkit-transform 240ms ease-in-out 10ms;
  transition: transform 240ms ease-in-out 10ms;
  transition: transform 240ms ease-in-out 10ms, -webkit-transform 240ms ease-in-out 10ms;
  width: 10px;
}

.accordion-v2 .accordion-item>.accordion-item-title:focus {
  text-decoration: underline;
}

.accordion-v2 .accordion-item.active>.accordion-item-title {
  text-decoration: underline;
}

.accordion-v2 .accordion-item.active>.accordion-item-title::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-v2 .accordion-item>.accordion-item-description {
  display: none;
  margin-top: 16px;
}

.accordion-v2 .accordion-item>.accordion-item-description:first-child {
  margin-top: 0;
}

.accordion-v2 .accordion-item>.accordion-item-description:last-child {
  margin-bottom: 0;
}

.accordion-v2 .accordion-item>.accordion-item-description>*:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.accordion-v2 .accordion-item>.accordion-item-description>.accordion-item>.accordion-item-title {
  cursor: pointer;
}

.accordion-v2 .accordion-item>.accordion-item-description>.accordion-item:first-child {
  padding-top: 0;
}

.accordion-v2 .accordion-item>.accordion-item-description>.accordion-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.accordion-v2 ul {
  padding-bottom: 0;
}

.accordion-v2 ul li:last-child {
  padding-bottom: 0;
}

/* new Accordion layout */
.course-details .description {
  margin-top: 0px;
}

.new-course ul li {
  list-style-type: disc;
  list-style-image: none;
}

.new-course ul {
  margin-left: 3px;
  padding-bottom: 0;
}

.new-course ul.non-accordion {
  margin-bottom: 1rem;
}

.new-course .accordion-new .h6 {
  font-weight: 700;
  margin-bottom: 3px;
}

.new-course .accordion-new .h6 .regular {
  font-weight: 400;
}

.new-course .accordion-new .answer p:last-of-type {
  margin-bottom: 0;
}

.accordion-new {
  margin-bottom: 1rem;
}

.accordion-new .answer {
  display: none;
}

.accordion-new .faq {
  border-top: 1px solid #e0e0e0;
  padding: 16px 0px;
  position: relative;
}

.accordion-new .faq .question {
  position: relative;
  padding: 5px 15px 5px 30px;
}

.accordion-new .faq .question .h6 {
  margin: 0px;
}

.accordion-new .faq .answer {
  overflow: hidden;
}

.accordion-new .faq .answer>div {
  padding: 10px 0px;
}

.accordion-new .faq .answer>div .button {
  margin-bottom: 0px;
}

.accordion-new .faq .question:after {
  background-image: url(/content/images/right-chevron.png);
  background-repeat: no-repeat;
  background-size: 7px 12px;
  content: '';
  font-size: 10px;
  height: 12px;
  left: 5px;
  position: absolute;
  top: 33%;
  width: 10px;
  transition: all .25s;
}

.accordion-new .faq.active .question:after {
  top: 40%;
  transform: rotate(90deg);
}

@media (min-width: 500px) {
  .accordion-new .faq .answer>div {
    padding: 10px 0px 10px 30px;
  }
}

.level-3.active a {
  text-decoration: underline;
}

/* Table layout */
.idc-table {
  font-size: .875em;
}

.idc-table th {
  font-size: .875em;
  vertical-align: middle;
}

.idc-table th:not(:first-of-type) {
  width: 10%;
  text-align: center;
  writing-mode: vertical-lr;
}

.idc-table th:not(:first-of-type) span {
  display: block;
  transform: rotate(180deg);
}

.idc-table td:not(:first-of-type) {
  text-align: center;
  color: green;
}

@media (min-width: 500px) {
  .idc-table th:not(:first-of-type) {
    writing-mode: horizontal-tb;
  }

  .idc-table th:not(:first-of-type) span {
    display: inline;
    transform: rotate(0deg);
  }
}

.idc-legend {
  font-size: .875em;
}

.idc-legend td:first-of-type {
  font-weight: bold;
  width: 15%;
}

html[lang=fr] .idc-legend td:first-of-type {
  width: 17%;
}

.banner {
  margin-bottom: 20px;
  min-height: 150px;
  overflow: hidden;
  position: relative;
}

.listing .banner.bottom {
  margin-bottom: 20px;
  min-height: auto;
  overflow: unset;
}

@media only screen and (max-width: 640px) {
  .banner {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }

  .border-top .banner,
  .row.share-the-love .tweet .banner,
  .twitter-wrap .banner {
    margin-top: -18px;
  }

  .border-top .banner .columns,
  .row.share-the-love .tweet .banner .columns,
  .twitter-wrap .banner .columns {
    padding: 0;
  }
}

.banner:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.banner.bottom figure.basic-image-container:has(.basic-image-credit) {
  margin-bottom: 20px;
}

.banner.bottom figure.basic-image-container:has(.basic-image-credit) .basic-image-credit {
  bottom: -20px;
  left: 0;
  margin: 0;
  position: absolute;
}

.banner.bottom figure.basic-image-container+div {
  bottom: 16px;
  padding: 30px 15px;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .banner.bottom figure.basic-image-container+div {
    padding: 15px;
  }
}

.banner.bottom>.basic-image-container {
  padding: 0;
  position: relative;
  width: 100%;
}

.banner.bottom>div.bg-gradient.dark,
.banner.bottom>div.bg-gradient.light {
  height: 100%;
}

@media only screen and (max-width: 640px) {
  .banner.bottom>div {
    padding: 15px 15px 20px;
    position: static;
  }

  .banner.bottom:has(.basic-image-credit)>div {
    padding: 0;
  }

  .banner.bottom>.basic-image-container {
    padding: 0;
    position: relative;
  }

  .border-top .listing .banner {
    margin: 0;
  }
}

@media (min-width: 951px) {
  .banner.bottom>div {
    padding: 15px 0;
  }

  .banner.bottom:has(.basic-image-credit)>div {
    padding: 0;
  }
}

@media (min-width: 1170px) {
  .banner.bottom>div {
    padding: 30px 15px;
  }

  .banner.bottom:has(.basic-image-credit)>div {
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .banner.bottom>div.bg-gradient {
    display: none;
  }

  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay),
  .banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay),
  .banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay),
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) {
    background: #222;
    padding-top: 15px;
    position: relative;
  }

  .banner.bottom:has(.basic-image-overlay.dark) figure.basic-image-container:has(.basic-image-credit) .basic-image-credit {
    color: #fff;
    bottom: 10px;
    left: 0;
    padding-left: 15px;
    text-shadow: 2px 2px 32px #000;
  }

  .banner.bottom:has(.basic-image-overlay.light) figure.basic-image-container:has(.basic-image-credit) .basic-image-credit {
    color: #222;
    bottom: 8px;
    left: 15px;
    text-shadow: 2px 2px 32px #fff;
  }
}

@media (min-width: 641px) {

  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay),
  .banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay),
  .banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay),
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) .content,
.banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) p,
.banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay) .content,
.banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay) p,
.banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay) .content,
.banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay) p,
.banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) .content,
.banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) p {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
}

@media (min-width: 641px) {

  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) p {
    font-size: 1.375rem;
  }
}

@media (min-width: 951px) {

  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) p {
    font-size: 1.25rem;
  }
}

@media (min-width: 1170px) {

  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.dark) .light:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.light) .dark:not(.basic-image-overlay) p,
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) p {
    font-size: 1.5625rem;
  }
}

.banner.bottom>div.bg-gradient.dark {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.1)), color-stop(rgba(0, 0, 0, 0.4)), to(black));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4), black);
}

.banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) .content,
.banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) p {
  color: #fff;
}

@media (min-width: 641px) {

  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.dark) .dark:not(.basic-image-overlay) p {
    text-shadow: 2px 2px 32px #000;
  }
}

.banner.bottom>div.bg-gradient.light {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.1)), color-stop(rgba(255, 255, 255, 0.4)), to(white));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4), white);
}

.banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) .content,
.banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) p {
  color: #fff;
}

@media (min-width: 641px) {

  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) .content,
  .banner.bottom:has(.basic-image-overlay.light) .light:not(.basic-image-overlay) p {
    color: #000;
    text-shadow: 2px 2px 32px #fff;
  }
}

@media only screen and (max-width: 640px) {
  .banner.bottom>div .column,
  .banner.bottom>div .columns {
    padding: 0;
  }
}

.banner.bottom>div * {
  margin: 0;
}

@media (min-width: 641px) {

  .banner.bottom>div .medium-4,
  .banner.bottom>div .medium-8 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.banner.bottom>div .medium-4 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.banner.bottom>div a.button {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media only screen and (max-width: 640px) {
  .banner.bottom>div a.button {
    float: left;
    margin-left: 0;
    margin-top: 20px;
    width: auto;
  }
}

.banner.bottom>div a.button:after {
  right: 14px;
}

.banner.bottom .basic-image-container+.banner-title-cta-container {
  align-items: center;
  background: none;
  bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  left: 30px;
  margin: 0;
  width: calc(100% - 60px);
  padding: 0;
  position: absolute;
}

.banner.bottom .basic-image-container+.banner-title-cta-container.dark h2 {
  color: #fff;
}

.banner.bottom .basic-image-container+.banner-title-cta-container.light h2 {
  color: #222;
}

.banner.bottom .basic-image-container+.banner-title-cta-container h2 {
  padding: 0 30px 0 0;
}

.banner.bottom .basic-image-container+.banner-title-cta-container .content-item-button-container a {
  margin-bottom: 0;
  min-width: 170px;
  text-align: center;
}

@media(max-width:640px) {
  .banner.bottom .basic-image-container:has(.basic-image-credit) {
    margin-bottom: 0;
  }

  .banner.bottom .basic-image-container+.banner-title-cta-container {
    align-items: flex-start;
    background: #222;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    margin: -20px 0 0 0;
    width: 100%;
    padding: 20px;
    position: relative;
  }

  .banner.bottom .basic-image-container+.banner-title-cta-container h2,
  .banner.bottom .basic-image-container+.banner-title-cta-container .content-item-button-container {
    background: none;
  }

  .banner.bottom .basic-image-container+.banner-title-cta-container h2 {
    padding: 0;
  }

  .banner.bottom .basic-image-container+.banner-title-cta-container .content-item-button-container {
    margin-top: 20px;
  }

  .banner.bottom .basic-image-container+.banner-title-cta-container .content-item-button-container a {
    margin-top: 0;
  }
}

@media only screen and (min-width: 641px) {
  .banner.bottom .basic-image-container:has(.basic-image-credit)+.banner-title-cta-container {
    bottom: 50px;
  }
}

.banner.contain-to-grid {
  background: none;
}

@media only screen and (max-width: 640px) {
  .banner.contain-to-grid {
    margin-left: 0;
    margin-right: 0;
  }
}

.banner-wrap .banner a.button span {
  white-space: nowrap;
}

.wistia {
  margin-bottom: 20px;
}

.gmaps {
  background: #ececec;
  border-top: 1px solid #d8d8d8;
  margin-bottom: 20px;
}

.gmaps img {
  width: 100%;
  max-width: 100% !important;
  margin: 0px !important;
}

.gmaps * {
  margin: 0;
}

.gmaps>div {
  padding: 15px;
}

@media only screen and (max-width: 640px) {
  .gmaps .desc>div:last-child {
    padding-top: 15px;
  }
}

.recommended {
  background: #f7f7f7;
  margin-bottom: 15px;
  padding: 20px;
}

.recommended h2.h5 {
  margin-bottom: 15px;
}

.recommended h2+article {
  border: none;
}

.recommended h2+article+article {
  border-top: 1px solid #767676;
  padding-top: 20px;
}

.recommended article {
  margin-bottom: 0 !important;
}

.recommended article:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.recommended article a {
  text-decoration: underline;
}

.search-results .searchBox input:hover,
.search-results .searchBox input:focus {
  background-color: #f7f7f7;
  border: 1px solid #333;
}

.search-results h2 a {
  font-weight: 600;
  text-decoration: none;
}

.search-results h2 a {
  font-weight: 600;
  text-decoration: none;
}

.search-results .searchBox,
.page-not-found .searchBox,
[class*="error-page"] .searchBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-results .searchBox input.form-control,
.page-not-found .searchBox input.form-control,
[class*="error-page"] .searchBox input.form-control {
  margin-right: 20px;
  width: calc(100% - 120px);
}

.search-results .searchBox input[type="submit"],
.page-not-found .searchBox input[type="submit"],
[class*="error-page"] .searchBox input[type="submit"] {
  height: 40px;
  padding: 10px 26px 11px;
  max-width: 120px;
}

.search-results .repeater,
.page-not-found .repeater,
[class*="error-page"] .repeater {
  margin-top: 20px;
}

.search-results .search-options,
.page-not-found .search-options,
[class*="error-page"] .search-options {
  display: inline-block;
  position: relative;
  max-width: 250px;
  width: 100%;
}

.search-results .search-options select,
.page-not-found .search-options select,
[class*="error-page"] .search-options select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  margin-right: 20px;
  max-width: 250px;
  outline: none;
  padding: 10px;
  position: relative;
  width: 100%;
}

.search-results .search-options select:hover,
.search-results .search-options select:focus,
.page-not-found .search-options select:hover,
.page-not-found .search-options select:focus,
[class*="error-page"] .search-options select:hover,
[class*="error-page"] .search-options select:focus {
  border: 1px solid #333;
}

.search-results .search-options select:focus,
.page-not-found .search-options select:focus,
[class*="error-page"] .search-options select:focus {
  background-color: #f7f7f7;
}

.search-results .search-options:after,
.page-not-found .search-options:after,
[class*="error-page"] .search-options:after {
  color: #333;
  content: '\F078';
  font-family: FontAwesome;
  font-size: 14px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}

.search-results article,
.page-not-found article,
[class*="error-page"] article {
  padding-bottom: 10px;
}

.search-wrap {
  background: #ececec;
  border: 1px solid #bdbdbd;
  display: block;
  margin-bottom: 30px;
  margin-top: 10px;
  padding: 20px;
  position: relative;
  /*--- If the select box has NOT been triggered ---*/
  /*--- Local Branch ---*/
}

.search-wrap h3,
.search-wrap h2 {
  border-bottom: 1px solid #bdbdbd;
  margin: 0 0 15px 0;
  padding-bottom: 15px;
}

.search-wrap .location-error {
  margin: 0;
  padding: 15px 0 0;
}

.search-wrap fieldset {
  border: 0;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}

.search-wrap span[labelfor],
.search-wrap label {
  color: #333;
  display: inline-block;
  font-size: .875rem;
  font-weight: 600;
  margin: 0 0 5px 0;
}

.search-wrap fieldset input {
  box-shadow: none;
  border-radius: 3px;
  height: 40px;
  margin-bottom: 0;
  padding: 10px;
  width: 100%;
}

.search-wrap fieldset select {
  height: 40px;
  margin-bottom: 0;
}

.search-wrap fieldset select:focus-visible,
.search-wrap fieldset input:hover,
.search-wrap fieldset input:focus {
  border: 1px solid #222;
  outline: none;
}

.explanation-text {
  color: #5e5e5e;
  font-size: .75rem;
}

.search-wrap .medium-2 {
  padding: 0;
}

.search-wrap .search-cat {
  margin-bottom: 15px;
  margin-top: 20px;
}

.search-wrap .search-cat fieldset,
.search-wrap .submit fieldset {
  margin-bottom: 0;
}

.search-wrap .submit a {
  margin-bottom: 0;
  padding: 12px 15px 12px 4px;
  width: 100%;
}

.search-wrap .and-or p {
  font-size: .75rem;
  margin: 0;
  padding-top: 32px;
  text-align: center;
}

.search-wrap.optional-field fieldset {
  margin: 0 0 5px 0;
}

.search-wrap.optional-field .search-cat {
  display: none;
}

.search-wrap.optional-field .submit {
  padding-top: 0;
}

.search-wrap.optional-field .submit fieldset {
  margin: 0;
}

.search-wrap .search-field {
  text-align: right;
}

@media only screen and (max-width: 640px) {
  .search-wrap {
    background: #ececec;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
  }

  .search-wrap:before {
    content: '';
    display: none;
  }

  .search-wrap h3 {
    margin-bottom: 15px;
    padding-bottom: 0;
  }

  .search-wrap fieldset,
  .search-wrap.optional-field fieldset {
    margin-bottom: 0;
  }

  .search-wrap .search-cat fieldset {
    margin-bottom: 0;
  }

  .search-wrap .submit {
    padding-top: 0;
  }

  .search-wrap .and-or {
    text-align: left;
    padding: 0 0 20px 0;
  }

  .search-wrap .and-or p {
    padding: 10px 0;
    text-align: left;
  }

  .search-wrap .search-field {
    text-align: left;
  }
}

@media only screen and (min-width: 641px) {
  html[lang="fr"] .search-wrap .medium-5 {
    width: 100%;
  }

  html[lang="fr"] .search-wrap .and-or p {
    padding: 12px 0;
    text-align: left;
  }
}

@media only screen and (min-width: 761px) and (max-width: 950px) {
  html[lang="fr"] .search-wrap .medium-5 {
    width: 41.66667%;
  }

  html[lang="fr"] .search-wrap .and-or p {
    padding-top: 32px;
    text-align: center;
  }
}

@media only screen and (min-width: 951px) and (max-width: 1064px) {
  .search-wrap .medium-5 {
    width: 100%;
  }

  .search-wrap .and-or p {
    padding: 12px 0;
    text-align: left;
  }
}

@media only screen and (min-width: 951px) and (max-width:9999999px) {
  html[lang="fr"] .search-wrap .medium-5 {
    width: 100%;
  }

  html[lang="fr"] .search-wrap .and-or p {
    padding: 12px 0;
    text-align: left;
  }
}

.search-wrap .search-field .wrap {
  border-top: 1px solid #bdbdbd;
  display: block;
  padding-top: 20px;
}

.search-wrap .search-field .wrap .button {
  margin-bottom: 0;
}

.search-wrap.disabled a.button {
  background: #c3c3c3;
  color: #333;
  cursor: default;
  pointer-events: none;
}

.search-wrap.disabled a.button span {
  color: #333;
}

.search-wrap.disabled a.button:after {
  background: url("/content/images/chevron_right_dark.svg") 0 0 no-repeat;
}

.search-wrap.local-branch:before {
  content: "";
  display: none;
}

.search-wrap.local-branch .submit {
  margin-top: 26px;
  padding-left: 20px;
}

.search-wrap.local-branch .submit a {
  padding: 10px 37px 11px 29px;
  width: auto;
}

.search-wrap.local-branch fieldset {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  .search-wrap.local-branch .submit {
    padding-left: 0;
  }

  .search-wrap.local-branch .submit a {
    padding: 12px 37px 12px 29px;
    width: 100%;
  }

  .search-wrap.local-branch .submit fieldset {
    margin-bottom: 0;
  }

  .search-wrap.local-branch input {
    margin-bottom: 0;
  }

  .search-wrap.local-branch fieldset {
    margin-bottom: 20px;
  }
}

body.find-local-services .search-wrap,
body.find-a-branch-results .search-wrap {
  margin-bottom: 25px;
}

.crc-rss {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
}

.crc-rss .FeedLink {
  background: url("/crc/img/Social%20Media%20icons/socialshare-rss-2024.png") no-repeat;
  background-size: contain;
  border-radius: 4px;
  display: block;
  height: 32px;
  width: 32px;
}

.crc-rss .FeedLink * {
  display: none;
}

.crc-rss .FeedLink:hover,
.crc-rss .FeedLink:focus {
  background: url("/crc/img/Social%20Media%20icons/socialshare-rss-hover-2024.png") no-repeat;
  background-size: contain;
  border-radius: 4px;
  display: block;
  height: 32px;
  width: 32px;
}

.a2a_default_style a:hover .a2a_svg,
.a2a_floating_style a:hover .a2a_svg,
.a2a_overlay_style a:hover .a2a_svg svg {
  opacity: 1 !important;
}

.social-widget {
  margin: -5px 0 12px;
  /* ^ to align with h1 title */
}

.social-widget>.social-widget {
  margin: 0;
}

@media only screen and (min-width: 951px) {
  .social-widget .a2a_kit {
    display: flex;
    justify-content: space-between;
  }

  .social-widget .a2a_kit > div {
    display: none;
    /* ^ Not an A2A <a> but <div style="clear:both"> */
  }
}

.social-widget .a2a_default_style:not(.a2a_flex_style) a {
  padding: 0 5px;
}

.social-widget a .a2a_svg {
  background-color: #222 !important;
}

.social-widget a:hover.a2a_button_twitter .a2a_svg,
.social-widget a:hover.a2a_button_x .a2a_svg {
  background-color: #1d9bf0 !important;
}

.social-widget a:hover.a2a_button_bluesky .a2a_svg {
  background-color: #1185fe !important;
}

.social-widget a:hover.a2a_button_facebook .a2a_svg {
  background-color: #3b5998 !important;
}

.social-widget a:hover.a2a_button_linkedin .a2a_svg {
  background-color: #2668b2 !important;
}

.social-widget a:hover.a2a_button_email .a2a_svg {
  background-color: #555 !important;
}

.social-widget a:hover.a2a_dd .a2a_svg {
  background-color: #FF7D12 !important;
}

@media only screen and (max-width: 950px) {
  .social-widget {
    display: none;
  }
}

.social-widget.social-widget-mobile {
  display: none;
}

@media only screen and (max-width: 950px) {
  .social-widget.social-widget-mobile {
    display: block;
  }

  .social-widget.social-widget-mobile .a2a_kit {
    padding: 0;
    width: 100%;
  }

  .social-widget.social-widget-mobile .a2a_kit a {
    background-color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 4px;
    width: 25%;
  }

  .social-widget.social-widget-mobile .a2a_kit a:hover.a2a_button_twitter,
  .social-widget.social-widget-mobile .a2a_kit a:hover.a2a_button_x {
    background-color: #1d9bf0;
  }

  .social-widget.social-widget-mobile .a2a_kit a:hover.a2a_button_facebook {
    background-color: #3b5998;
  }

  .social-widget.social-widget-mobile .a2a_kit a:hover.a2a_button_linkedin {
    background-color: #2668b2;
  }

  .social-widget.social-widget-mobile .a2a_kit a:hover.a2a_button_email {
    background-color: #555;
  }

  .social-widget.social-widget-mobile .a2a_kit a:hover.a2a_dd {
    background-color: #FF7D12;
  }

  .social-widget.social-widget-mobile .a2a_kit a .a2a_svg {
    background-color: transparent !important;
    width: 100%;
  }

  .social-widget.social-widget-mobile .a2a_kit a .a2a_svg svg {
    max-width: 32px;
  }
}
.row:has(.columns.large-3.a2a) {
  position: relative;
}
.columns.large-3.a2a {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position:absolute;
  right: 0;
}
.donate-bar {
  align-items: center;
  background-color: #222;
  display: grid;
  height: 72px;
  padding: 0.5rem 0;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  z-index: 2000;
}

.donate-bar .form {
  font-size: 0;
}

.donate-bar .donate-bar-inner {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.donate-bar .primary-button {
  background: #e00;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: .875rem;
  font-weight: 700;
  margin-bottom: 0;
  min-width: 180px;
  overflow: hidden;
  padding: 15px 25px 15px 44px;
  position: relative;
  text-transform: uppercase;
  transition: background 0.25s ease-out;
}

html[lang="fr"] .donate-bar .primary-button {
  padding: 15px 20px 15px 36px;
  margin-left: 0;
  min-width: 140px;
}

.donate-bar .primary-button span {
  color: #fff;
  position: relative;
  z-index: 2;
}

.donate-bar .primary-button:hover {
  background: #c00;
  text-decoration: none;
}

.donate-bar .primary-button::before {
  content: '\f004';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 14px;
  margin-right: 10px;
  position: absolute;
  left: 22px;
  top: 18px;
  z-index: 2;
  animation: throb 2s ease-in-out infinite;
  transition: all 1s ease-out;
}

.donate-bar .primary-button::after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background: #fff;
  position: absolute;
  left: 26px;
  top: 28px;
  z-index: 1;
  border-radius: 50%;
  animation: pulse 2s ease-out infinite;
  transition: all 1s ease-out;
}

@media (max-width: 320px) {
  .donate-bar .donate-bar-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.donate-bar .donate-bar-copy {
  -ms-flex-item-align: center;
  align-self: center;
  padding-right: 20px;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .donate-bar .donate-bar-copy {
    text-align: left;
  }
}

@media only screen and (max-width: 413px) {
  .donate-bar .donate-bar-copy {
    padding-right: 10px;
  }

  html[lang="fr"] .donate-bar .donate-bar-copy p {
    font-size: 0.8125rem;
  }
}

@media (max-width: 320px) {
  .donate-bar .donate-bar-copy {
    display: none;
  }
}

.donate-bar .donate-bar-copy p {
  color: #fff;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2857;
  margin: 0;
}

.donate-bar .donate-bar-copy p span {
  display: inline-block;
}

@media only screen and (min-width: 1024px) {
  .donate-bar .donate-bar-copy p {
    font-size: 1rem;
  }
}

@keyframes throb {
  0% {
    scale: 1;
  }

  50% {
    scale: 1.3;
  }

  100% {
    scale: 1;
  }
}

@keyframes pulse {
  0% {
    scale: 1;
    opacity: .2;
  }

  20% {
    scale: 1;
    opacity: .2;
  }

  100% {
    scale: 80;
    opacity: 0;
  }
}

td[data-content="Service Type"] {
  min-width: 122px;
}

td[data-content="Address"] {
  min-width: 210px;
}

td[data-content="Dist."] {
  min-width: 80px;
}

td[data-content="Contact"] {
  min-width: 165px;
}

table {
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  border-spacing: 0;
  margin-bottom: 20px;
  padding: 0;
  width: 100% !important;
}

table th,
table td {
  border-right: 1px solid #bfbfbf;
  padding: 15px 10px;
  text-align: left;
  vertical-align: top;
}

table th {
  background: #e7e7e7;
}

table tr:nth-child(2n) {
  background: #f0f0f0;
}

table td p:last-child {
  margin-bottom: 0;
}

table td a:hover {
  font-weight: 600;
  text-decoration: underline;
}

table.no-borders {
  border: none;
}

table.no-borders tr,
table.no-borders td {
  border: none;
}

table a {
  color: #d60000;
}

table a:focus,
table a:hover {
  color: #9A0000;
  outline: none;
  text-decoration: underline;
}

.jobs-list.no-more-tables tbody {
  /* add space to content to force fix row height */
}

@media only screen and (max-width: 640px) {
  .jobs-list.no-more-tables tbody td[data-content*="Application Deadline"]::after {
    content: "\A0";
  }
}

.jobs-list.no-more-tables th {
  color: #ee0000;
}

.jobs-list.no-more-tables th a {
  display: block;
  padding-right: 20px;
  position: relative;
}

.jobs-list.no-more-tables th a.ASC:after,
.jobs-list.no-more-tables th a.DESC:after {
  color: #444;
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 16px;
  position: absolute;
  text-decoration: none;
  top: 0;
}

@media only screen and (min-width: 641px) and (max-width: 950px) {

  .jobs-list.no-more-tables th a.ASC:after,
  .jobs-list.no-more-tables th a.DESC:after {
    display: none;
  }
}

.jobs-list.no-more-tables th a.ASC:after {
  content: '\F106';
  right: 6px;
}

.jobs-list.no-more-tables th a.DESC:after {
  content: '\F107';
  right: 8px;
  top: -2px;
}

.jobs-list.no-more-tables th a.loading:after {
  background: url("/content/images/mobile-preloader-dark.svg") 0 0 no-repeat;
  background-size: 21px;
  height: 21px;
  right: 3px;
  text-indent: -5000px;
  top: 4%;
  width: 22px;
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .jobs-list.no-more-tables tr th:after {
    /*remove triangle filter indicator*/
    content: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .jobs-list.no-more-tables tr th a {
    /*disable repeater sorting in tablet down*/
    color: #222;
    cursor: default !important;
    pointer-events: none;
  }
}

.jobs-list.headerSortDown:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ee0000;
}

.pre-loader {
  text-align: center;
}

@media only screen and (min-width: 641px) and (max-width: 950px) {

  /*disable repeater sorting in tablet down*/
  thead.noclick-mobile {
    color: #222;
    cursor: default !important;
    pointer-events: none;
  }
}

@media only screen and (max-width: 640px) {
  .no-more-tables {
    /* Hide table headers (but not display: none;, for accessibility) */
    /* Behave  like a "row" */
  }

  .no-more-tables table {
    min-width: 284px !important;
  }

  .no-more-tables thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }

  .no-more-tables tr {
    border: 1px solid #bfbfbf;
    display: block;
    margin-bottom: 10px;
    border-bottom: 0;
  }

  .no-more-tables td {
    border-bottom: 1px solid #bfbfbf;
    min-height: 100px;
    padding: 0 10px 20px 40%;
    position: relative;
    text-align: left;
    white-space: normal;
    /* Label the data */
  }

  .no-more-tables td:before {
    /* Now like a table header */
    content: attr(data-content);
    display: block;
    font-weight: bold;
    left: -60%;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    width: 50%;
    -ms-word-break: normal;
    word-break: normal;
    /* Non standard for webkit */
  }

  .no-more-tables td a {
    word-wrap: break-word;
  }

  .no-more-tables td:last-child {
    border-bottom: none;
  }
}

@media only screen and (max-width: 640px) {

  .no-more-tables table,
  .no-more-tables thead,
  .no-more-tables tbody,
  .no-more-tables th,
  .no-more-tables td {
    /* Force table to not be like tables anymore */
    display: block !important;
    border: none;
  }
}

.iyc-result table a:hover,
.iyc-result table a:focus {
  color: #9A0000;
  outline: none;
  text-decoration: underline;
}

.promo-banner {
  padding: 25px 2% 10px;
  background: #222;
  color: #fff;
}

.promo-banner>div {
  position: relative;
}

.promo-banner .clearfix,
.promo-banner .ktc-default-section .phone-number,
.ktc-default-section .promo-banner .phone-number,
.promo-banner .search-results .search-options,
.search-results .promo-banner .search-options,
.promo-banner .page-not-found .search-options,
.page-not-found .promo-banner .search-options,
.promo-banner [class*="error-page"] .search-options,
[class*="error-page"] .promo-banner .search-options,
.promo-banner #quiz .option>div,
#quiz .promo-banner .option>div {
  position: relative;
}

.promo-banner .error-group {
  position: absolute;
  bottom: -4px;
}

.promo-banner fieldset {
  border: none;
  margin: 0;
  padding: 25px 0 0 0;
}

.promo-banner label {
  color: #fff;
  margin-bottom: 5px;
  text-align: left;
}

.promo-banner input[type="email"],
.promo-banner input[type="text"] {
  float: left;
  max-width: 313px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.promo-banner input[type="submit"],
.promo-banner .button {
  float: left;
  color: white;
  background: none;
  border: 2px solid white;
  text-transform: uppercase;
  padding: 9px 20px 8px;
  font-weight: 600;
  letter-spacing: 0.1em;
  cursor: pointer;
  border-radius: 3px;
  margin-bottom: 20px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  margin-top: -2px;
  margin-bottom: 20px;
}

.promo-banner input[type="submit"]:after,
.promo-banner .button:after {
  background: none;
}

.promo-banner input[type="submit"]:hover,
.promo-banner .button:hover {
  background: #fff;
  color: #333 !important;
}

.promo-banner .button {
  margin-top: 55px;
}

.promo-banner .closeBanner {
  position: absolute;
  right: 15px;
  top: -5px;
  font-size: 18px;
  border: 2px solid;
  width: 31px;
  height: 31px;
  text-align: center;
  padding: 0;
  line-height: 26px;
  border-radius: 50%;
  font-weight: 900;
  cursor: pointer;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.promo-banner .closeBanner i {
  position: relative;
  top: -1px;
}

.promo-banner .closeBanner:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.promo-banner .closeBanner:hover {
  background: #fff;
  color: #333;
}

@media only screen and (max-width: 640px) {
  .promo-banner {
    padding: 55px 2% 20px;
  }

  .promo-banner fieldset {
    padding-top: 10px;
  }

  .promo-banner input[type="text"],
  .promo-banner input[type="email"],
  .promo-banner input[type="submit"] {
    width: 100%;
    max-width: 900px;
    margin-right: 0px;
  }

  .promo-banner input[type="submit"] {
    margin-bottom: 40px;
  }

  .promo-banner .button {
    margin-top: 10px;
    width: 100%;
  }

  .promo-banner .closeBanner {
    top: -40px;
    right: 10px;
  }
}

section.ctas {
  padding: 1rem 0 0 0;
  padding: 24px 9px 0;
}

@media (min-width: 1024px) {
  section.ctas {
    padding: 2rem 0;
  }
}

.medium-cta,
.small-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.medium-cta>div,
.small-cta>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.medium-cta>div.no-flex,
.small-cta>div.no-flex {
  display: block;
}

.medium-cta>div .panel,
.small-cta>div .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
}

.medium-cta>div .panel .panel-content,
.small-cta>div .panel .panel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.WebPartZoneBorder .medium-cta>div,
.WebPartZoneBorder .small-cta>div {
  display: block;
}

.row.small-cta.clearfix {
  display: flex;
  flex-direction: row;
}

.row.small-cta.bottom-rail-cta-container>.columns {
  display: flex;
  flex-direction: column;
}

.row.small-cta.bottom-rail-cta-container>.columns+.columns {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

[class*="block-grid-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[class*="block-grid-"]>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[class*="block-grid-"]>li a {
  width: 100%;
}

a.cta,
.bottom-cta {
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: block;
  margin-bottom: 30px;
  text-decoration: none;
  transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-tranition: all 300ms ease-out;
}

a.cta .panel,
.bottom-cta .panel {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
  padding: 0;
}

a.cta .panel .panel-content,
.bottom-cta .panel .panel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
}

a.cta .panel .panel-content h3,
a.cta .panel .panel-content .h3,
.bottom-cta .panel .panel-content h3,
.bottom-cta .panel .panel-content .h3 {
  color: #222;
  line-height: 1.35;
  margin-bottom: 15px;
  padding-top: 0;
}

a.cta .panel .panel-content p {
  font-size: .875rem;
}

a.cta .panel .panel-content .cta-link,
.bottom-cta .panel .panel-content .cta-link {
  margin-bottom: 5px;
}

a.cta .panel p.cta-button span,
.bottom-cta .panel p.cta-button span {
  color: #fff;
}

a.cta .panel i,
.bottom-cta .panel i {
  font-size: 0.75rem;
}

a.cta:hover,
a.cta:focus,
.bottom-cta:hover,
.bottom-cta:focus {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  color: #222;
  outline: none;
  text-decoration: none;
}

a.cta:hover .panel .h3,
a.cta:focus .panel .h3,
.bottom-cta:hover .panel .h3,
.bottom-cta:focus .panel .h3 {
  color: #222;
  text-decoration: underline;
}

a.cta:hover .panel .cta-link,
a.cta:focus .panel .cta-link,
.bottom-cta:hover .panel .cta-link,
.bottom-cta:focus .panel .cta-link {
  color: #222;
  text-decoration: underline;
}

a.cta:hover .panel img,
a.cta:focus .panel img,
.bottom-cta:hover .panel img,
.bottom-cta:focus .panel img {
  opacity: 1;
}

a.cta.bg,
a.cta.grey-bg,
.bottom-cta.bg,
.bottom-cta.grey-bg {
  background-color: #d8d8d8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.cta.bg:hover,
a.cta.bg:focus,
a.cta.grey-bg:hover,
a.cta.grey-bg:focus,
.bottom-cta.bg:hover,
.bottom-cta.bg:focus,
.bottom-cta.grey-bg:hover,
.bottom-cta.grey-bg:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bottom-cta .bottom-cta-container {
  padding: 15px;
}

.bottom-cta .bottom-cta-header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
  min-height: 70px;
}

.bottom-cta .bottom-cta-header-container .bottom-cta-title {
  position: relative;
  width: calc(100% - 80px);
}

.bottom-cta .bottom-cta-header-container .bottom-cta-title .h3 {
  left: 0%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.bottom-cta .bottom-cta-header-container .bottom-cta-image {
  max-width: 50px;
  width: 50px;
}

.bottom-cta .bottom-cta-header-container .bottom-cta-image svg,
.bottom-cta .bottom-cta-header-container .bottom-cta-image img {
  width: 100%;
}

.right-rail .intro-cta {
  margin-bottom: 20px;
  padding: 25px 15px 25px 15px !important;
}

.right-rail {
  font-size: .875rem;
}

.right-rail .intro-cta p {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 30px;
}

.right-rail .intro-cta.light {
  background: #fff;
}

.right-rail .intro-cta.light p {
  color: #222;
}

.right-rail .intro-cta.dark {
  background: #222;
}

.right-rail .intro-cta.dark p {
  color: #fff;
}

.right-rail .intro-cta * {
  margin: 0;
}

.right-rail .intro-cta .button::after {
  right: 12px;
}

.small-cta article {
  padding-bottom: 10px;
}

.small-cta article img {
  margin-bottom: 20px;
}

.testimonial-CTA {
  padding: 20px;
  margin: 0 0 20px 0;
  width: 100%;
}

.testimonial-CTA .quotes {
  margin: 0 auto;
  padding: 10px 0 20px;
  position: relative;
  width: 90%;
}

.testimonial-CTA .quotes p {
  position: relative;
}

.testimonial-CTA .quotes p:before {
  background: url("/content/images/icon-quote.svg") no-repeat 0 0;
  content: '';
  height: 20px;
  left: -30px;
  position: absolute;
  top: -5px;
  width: 20px;
}

.testimonial-CTA .quotes p:after {
  display: none;
}

.email-CTA .subscribe {
  background: #d8d8d8;
  padding: 20px 1rem 10px;
}

.email-CTA .subscribe .svg-wrapper {
  height: 55px;
  vertical-align: top;
  width: 55px;
}

.email-CTA .subscribe .h3 {
  color: #222;
  display: inline-block;
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 20px 12px;
  padding: 0;
  width: calc(100% - 75px);
}

.email-CTA .subscribe p {
  margin-bottom: 24px;
  padding-left: 0;
}

.email-CTA .subscribe hr {
  border-top: 1px solid #ee0000;
  margin: 24px 0;
}

.email-CTA .subscribe label {
  color: #222;
  display: block;
  font-weight: 600;
  padding-bottom: 2px;
  text-align: left;
  width: 100%;
}

.email-CTA .subscribe input {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  margin-bottom: 5px;
}

.email-CTA .subscribe input:hover,
.email-CTA .subscribe input:focus {
  background-color: #f7f7f7;
  border: 1px solid #333;
}

.email-CTA .subscribe .button {
  margin: 20px 0 20px;
}

.email-CTA .subscribe .cta-privacy p {
  font-size: 0.75rem;
  line-height: 1rem;
}

@media only screen and (max-width: 640px) {
  .email-CTA .subscribe .h2 {
    display: block;
    text-align: center;
  }
}

.email-CTA .subscribe .email-thankyou {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px;
}

.email-CTA .subscribe .email-thankyou .svg-wrapper {
  height: 45px;
  width: 45px;
}

.email-CTA .subscribe .email-thankyou .h3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
}

.email-CTA .subscribe .email-thankyou p {
  margin-top: 20px;
}

.email-CTA .subscribe .email-thankyou p a {
  font-weight: normal;
}

.email-CTA .subscribe .error,
.email-CTA .subscribe .EditingFormErrorLabel {
  color: #9A0000;
  font-size: 0.8125rem;
  margin-bottom: 0;
}

.subscribe .email-thankyou-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px;
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.subscribe .email-thankyou-mobile .svg-wrapper {
  height: 45px;
  width: 45px;
}

.subscribe .email-thankyou-mobile .h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.subscribe .email-thankyou-mobile p {
  margin-top: 20px;
  width: 100%;
}

.subscribe .email-thankyou-mobile p a {
  font-weight: normal;
}

.cta-link {
  color: #005670;
  font-weight: 600;
}

.cta-link.primary-red {
  color: #ee0000;
}

html[lang="fr"] .cta-link {
  text-transform: inherit;
}

.ctas [class*="column"]+[class*="column"]:last-child {
  float: left;
}

.ctas .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ctas .row>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ctas .row>div .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
  padding-bottom: 0;
}

.ctas .row>div .panel .panel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
}

.ctas .row>div .panel .panel-content .cta-link {
  margin-bottom: 5px;
}

/* MONTHLY CTA */
.big-cta {
  margin: 0 9px;
  min-height: 300px;
  padding: 30px 30px 40px 30px;
  position: relative;
}

@media (min-width: 768px) {
  .big-cta {
    min-height: 400px;
    padding: 40px;
  }
}

@media (min-width: 1024px) {
  .big-cta {
    padding: 60px;
  }
}

.big-cta .big-cta-image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.big-cta .big-cta-image img.basic-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50%;
  object-position: 50%;
  width: 100%;
}

.big-cta .big-cta-content {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
}

.big-cta .big-cta-content .h1 {
  color: #fff;
  font-size: 1.75rem !important;
  font-weight: 400;
  line-height: 1.1;
}

.big-cta .big-cta-content .big-cta-description p {
  color: #fff;
  font-size: 0.875rem;
  margin-top: 0;
}

.big-cta .big-cta-content .h1,
.big-cta .big-cta-content .big-cta-description p {
  margin-bottom: 0;
}

@media(min-width:768px) {
  .big-cta .big-cta-image img.basic-image {
    object-position: 100%;
  }

  .big-cta .big-cta-content .h1 {
    font-size: 2rem !important;
  }

  .big-cta .big-cta-content {
    max-width: 52%;
    text-align: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 60px);
  }

  .big-cta .big-cta-content .big-cta-description p {
    font-size: 1.3125rem;
  }

  .big-cta .big-cta-content .h1,
  .big-cta .big-cta-content .big-cta-description p {
    margin-bottom: 30px;
  }
}

@media(min-width:1024px) {
  .big-cta .big-cta-content .h1 {
    font-size: 2.5rem !important;
  }
}

@media (max-width: 767px) {
  .big-cta .big-cta-content {
    align-items: center;
    height: 100%;
    left: 0;
    padding: 20px 20px 45px 20px;
    top: 0;
    width: 100%;
  }
}

.big-cta .big-cta-content .button {
  height: 41px;
  margin-bottom: 0;
}

.ctas .row>div .home-cta {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .ctas .row>div .home-cta {
    font-size: 1.3125rem;
  }
}

.ctas .row>div .home-cta .panel .panel-content {
  padding: 20px;
}

.ctas .row>div .home-cta .panel .panel-content .h3 {
  font-weight: 400;
  margin-bottom: 20px;
}

.ctas .row>div .home-cta .panel .panel-content .button {
  margin-bottom: 0;
  width: 100%;
}

.help .intro-container {
  margin: 50px auto;
  max-width: 1120px;
  padding: 0 20px;
}

.help .intro-container .h1 {
  font-size: 2rem;
}

.help .intro-container .text-red {
  color: #ee0000;
}

.help .cta-card-container {
  margin: 50px auto;
  max-width: 1120px;
  padding: 0 20px;
}

.help .cta-card-container div {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 951px) {
  .help .cta-card-container div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.help .cta-card-container div iframe {
  margin: 10px;
}

.row.share-the-love .small-3 {
  padding: 0px;
}

.row.share-the-love .tweet:first-child {
  border: none;
}

#storify-tweets p {
  font-size: 11px;
}

#storify-tweets p.text {
  font-size: 13px;
}

.quote-author {
  width: 75%;
  display: inline-block;
  position: relative;
  top: 9px;
  left: 2px;
}

.quote-author a:last-child {
  font-size: 0.75rem;
  display: inline-block;
}

.share-the-love {
  max-width: 960px;
  margin: 0 auto 20px auto;
}

.share-the-love:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.share-the-love #header-banner {
  background: #ee0000;
  padding: 40px 55px 30px;
}

.share-the-love #header-banner {
  background: #ee0000;
  padding: 40px 55px 30px;
}

.share-the-love #header-banner p {
  font-family: 'Cabin', sans-serif;
  font-size: 1rem;
  color: #fff;
}

.share-the-love #header-banner p strong {
  color: #fff;
}

.share-the-love #header-banner img {
  display: block;
  margin: 0 auto;
  padding: 0 0 30px;
}

.share-the-love .stl-quote {
  position: relative;
  padding-top: 10px;
  max-height: 339px;
}

.share-the-love .stl-quote img {
  height: 339px;
  width: 700px;
}

.share-the-love .quote-text {
  position: absolute;
  top: 20px;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.9);
  width: 350px;
  height: 300px;
}

.share-the-love .quote-text.left {
  left: 20px;
}

.share-the-love .quote-text.right {
  right: 20px;
}

.share-the-love .quote-text p {
  color: #767676;
  font-family: 'Covered By Your Grace', cursive;
  font-size: 0.875rem;
  font-size: 14.5px;
  padding: 20px;
}

.share-the-love .quote-text p span {
  float: left;
  margin: 10px 0px 0px 0px;
}

@media (max-width: 977px) {
  .share-the-love {
    max-width: 731px;
  }

  .share-the-love img {
    height: auto;
  }

  .share-the-love .small-3 {
    display: none;
  }

  .share-the-love .small-9 {
    margin: 0 auto;
    float: none;
    width: 100%;
  }
}

@media (max-width: 750px) {
  .share-the-love .quote-text {
    position: static;
    width: 100%;
    height: auto;
  }

  .share-the-love .quote-text * {
    font-size: 16px !important;
    padding: 25px 0 !important;
    margin-bottom: 0px;
  }

  .share-the-love .stl-quote {
    max-height: none;
  }

  .share-the-love .stl-quote img {
    width: 100%;
    height: auto;
  }
}

.right-rail .news,
.right-rail .text-CTA,
.right-rail .story-CTA,
.right-rail .testimonial-CTA,
.right-rail .wp-container,
.right-rail .donation-CTA,
.right-rail .email-CTA,
.right-rail .font-size.first {
  border-top: 1px solid #d8d8d8;
  padding: 1rem 0 0;
  margin: 20px 0 1rem;
}

.right-rail.border-top>div:first-of-type,
.row.share-the-love .right-rail.tweet>div:first-of-type,
.right-rail.twitter-wrap>div:first-of-type {
  border-top: none;
  margin-top: 0;
}

.right-rail.border-top>.news+.news {
  padding-top: 20px;
}

.right-rail.border-top>div:first-of-type {
  padding-top: 0;
}

@media (max-width: 950px) {
  .right-rail>div:first-of-type.news {
    padding: 0;
  }
}

.right-rail>div:first-of-type .email-CTA {
  border-top: none;
  padding: 0;
}

.right-rail>div:first-of-type a.button:hover {
  text-decoration: none;
}

@media (max-width: 950px) {
  .right-rail>div:last-of-type {
    margin-bottom: 40px;
  }

  .right-rail>div:last-of-type.tweet,
  .right-rail>div:last-of-type.user-info {
    margin-bottom: 0;
  }

  .right-rail>div:last-of-type.user-info>div {
    margin-bottom: 1rem;
  }
}

@media (max-width: 950px) {

  .right-rail .donation-CTA,
  .right-rail .email-CTA {
    display: none;
  }
}

.right-rail .donation-CTA .h3,
.right-rail .email-CTA .h3 {
  margin-bottom: 10px;
}

.right-rail .donation-CTA .button,
.right-rail .email-CTA .button {
  border-radius: 6px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 11px 24px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 200ms ease-out;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  -ms-transition: background-color 200ms ease-out;
  -o-tranition: background-color 200ms ease-out;
  margin-bottom: 0;
}

.right-rail .donation-CTA .button:hover,
.right-rail .donation-CTA .button:focus,
.right-rail .email-CTA .button:hover,
.right-rail .email-CTA .button:focus {
  text-decoration: none;
}

.right-rail .donation-CTA .button::after,
.right-rail .email-CTA .button::after {
  right: 12px;
}

.right-rail .donation-CTA label.button,
.right-rail .email-CTA label.button {
  background-color: transparent;
  padding: 0;
}

.right-rail .donation-CTA label.button:hover,
.right-rail .email-CTA label.button:hover {
  background-color: transparent;
}

.right-rail .donation-CTA label.button input,
.right-rail .email-CTA label.button input {
  border-radius: 6px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 11px 24px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 200ms ease-out;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  -ms-transition: background-color 200ms ease-out;
  -o-tranition: background-color 200ms ease-out;
  background-color: #ee0000;
  color: #fff;
}

.right-rail .donation-CTA label.button input:hover,
.right-rail .donation-CTA label.button input:focus,
.right-rail .email-CTA label.button input:hover,
.right-rail .email-CTA label.button input:focus {
  text-decoration: none;
}

.right-rail .donation-CTA label.button input span,
.right-rail .email-CTA label.button input span {
  color: #fff;
}

.right-rail .donation-CTA label.button input:hover,
.right-rail .donation-CTA label.button input:focus,
.right-rail .email-CTA label.button input:hover,
.right-rail .email-CTA label.button input:focus {
  background-color: #9A0000;
  color: #fff;
}

.right-rail .donation-CTA label.button input:hover span,
.right-rail .donation-CTA label.button input:focus span,
.right-rail .email-CTA label.button input:hover span,
.right-rail .email-CTA label.button input:focus span {
  color: #fff;
}

.right-rail .donation-CTA label.button input:focus,
.right-rail .donation-CTA label.button input:hover,
.right-rail .email-CTA label.button input:focus,
.right-rail .email-CTA label.button input:hover {
  outline: none;
}

.right-rail .donation-CTA .email-thankyou,
.right-rail .email-CTA .email-thankyou {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px;
}

.right-rail .donation-CTA .email-thankyou .svg-wrapper,
.right-rail .email-CTA .email-thankyou .svg-wrapper {
  height: 45px;
  width: 45px;
}

.right-rail .donation-CTA .email-thankyou .h3,
.right-rail .email-CTA .email-thankyou .h3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
  margin-left: 12px;
}

.right-rail .donation-CTA .email-thankyou p,
.right-rail .email-CTA .email-thankyou p {
  margin-top: 20px;
}

.right-rail .donation-CTA .email-thankyou p a,
.right-rail .email-CTA .email-thankyou p a {
  font-weight: normal;
}

.right-rail .donation-CTA {
  background-color: #ececec;
  padding: 15px;
  position: relative;
}

.right-rail .donation-CTA fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.right-rail .donation-CTA input[type='radio'] {
  bottom: 0;
  display: block;
  left: 0;
  margin-bottom: 0;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.right-rail .donation-CTA input[type='radio']+label {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 6px;
  color: #222;
  cursor: pointer;
  font-size: .875rem;
  font-weight: 600;
  height: 42px;
  margin: 0;
  padding: 10px;
  text-align: center;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
  width: 100%;
}

html[lang="fr"] .right-rail .donation-CTA input[type='radio']+label {
  padding: 10px 0;
}

.right-rail .donation-CTA input[type='radio']:checked+label {
  background-color: #ee0000;
  color: #fff;
  border: 1px solid #ee0000;
  text-decoration: underline;
}

.right-rail .donation-CTA input[type='radio']:checked+label span {
  color: #fff;
}

.right-rail .donation-CTA input[type='radio']:checked+label:hover,
.right-rail .donation-CTA input[type='radio']:checked+label:focus {
  background-color: #9A0000;
  color: #fff;
}

.right-rail .donation-CTA input[type='radio']:checked+label:hover span,
.right-rail .donation-CTA input[type='radio']:checked+label:focus span {
  color: #fff;
}

.right-rail .donation-CTA .donationOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 0;
  width: 100%;
}

.right-rail .donation-CTA .donationOptions li {
  list-style-type: none;
  width: 50%;
}

.right-rail .donation-CTA .donationOptions li:nth-of-type(3) {
  display: none;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation {
  display: inline-block;
  height: 42px;
  position: relative;
  width: 100%;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation input,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation input {
  bottom: 0;
  display: block;
  left: 0;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
  opacity: 0.01;
  z-index: 100;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation input+label,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation input+label {
  bottom: 0;
  display: block;
  left: 0;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation input:checked+label,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation input:checked+label {
  background-color: #ee0000;
  color: #fff;
  border: 1px solid #ee0000;
  text-decoration: underline;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation input:checked+label span,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation input:checked+label span {
  color: #fff;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation input:checked+label:hover,
.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation input:checked+label:focus,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation input:checked+label:hover,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation input:checked+label:focus {
  background-color: #9A0000;
  color: #fff;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation input:checked+label:hover span,
.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation input:checked+label:focus span,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation input:checked+label:hover span,
.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation input:checked+label:focus span {
  color: #fff;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation:hover label,
.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation:focus label,
.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation:checked label {
  border-right: transparent;
}

.right-rail .donation-CTA .donationOptions li span.RadioSingleDonation label {
  border-radius: 6px 0 0 6px;
  border-right: transparent;
}

.right-rail .donation-CTA .donationOptions li span.RadioMonthlyDonation label {
  border-radius: 0 6px 6px 0;
}

.right-rail .donation-CTA .large-block-grid-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 4px -8px 0;
}

.right-rail .donation-CTA .large-block-grid-3>li {
  padding: 0;
}

.right-rail .donation-CTA .large-block-grid-3>li span {
  display: inline-block;
  height: 42px;
  margin: 0 8px;
  position: relative;
  width: calc(100% - 16px);
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 20px 0;
  width: 100%;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio {
  margin-right: 0;
  width: 33.33%;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio.check label {
  background-color: #ee0000;
  color: #fff;
  border: 1px solid #ee0000;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio.check label span {
  color: #fff;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio.check label:hover,
.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio.check label:focus {
  background-color: #9A0000;
  color: #fff;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio.check label:hover span,
.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio.check label:focus span {
  color: #fff;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio.check>span .donate-widget-other {
  background-color: #fff;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio>input:checked+span .donate-widget-other {
  background-color: #fff;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio label {
  border-radius: 8px 0 0 8px;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio+span {
  margin-left: 0;
  width: 66.66%;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio+span>span {
  display: inline;
  font-size: 1rem;
  font-weight: 600;
  height: 20px;
  left: 5px;
  margin: 0;
  position: absolute;
  top: 9px;
  width: auto;
}

html[lang="fr"] .right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio+span>span {
  left: inherit;
  right: 15px;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio+span input[type='text'] {
  background-color: #d8d8d8;
  border: 1px solid #333;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  height: 42px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
  padding: 10px 20px;
  width: 100%;
}

html[lang="fr"] .right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio+span input[type='text'] {
  padding: 10px 50px 10px 20px;
}

.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio+span input[type='text']:hover,
.right-rail .donation-CTA .large-block-grid-3>li.otherAmount .donate-widget-other-radio+span input[type='text']:focus {
  background-color: #fff;
}

.right-rail .email-CTA label {
  color: #222;
  display: block;
  font-size: .875rem;
  font-weight: 600;
  padding-bottom: 2px;
  text-align: left;
  width: 100%;
}

.right-rail .email-CTA input[type='text'] {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  margin-bottom: 2px;
}

.right-rail .email-CTA input[type='text']:hover,
.right-rail .email-CTA input[type='text']:focus {
  background-color: #f7f7f7;
  border: 1px solid #333;
}

.right-rail .email-CTA input[type='text']+span.error[style*='inline'],
.right-rail .email-CTA input[type='text']+span.EditingFormErrorLabel[style*='inline'] {
  background: none;
  color: #9A0000;
  display: block !important;
  font-size: 0.8125rem;
  margin-bottom: 0;
}

.right-rail .email-CTA input[type='text'] .error,
.right-rail .email-CTA input[type='text'] .EditingFormErrorLabel,
.right-rail .email-CTA input[type='text'] span.error,
.right-rail .email-CTA input[type='text'] span.EditingFormErrorLabel,
.right-rail .email-CTA input[type='text'] span.EditingFormErrorLabel,
.right-rail .email-CTA input[type='text'] small.error,
.right-rail .email-CTA input[type='text'] small.EditingFormErrorLabel,
.right-rail .email-CTA input[type='text'] small.EditingFormErrorLabel {
  color: #9A0000;
  font-size: 0.8125rem;
  margin-bottom: 0;
}

.right-rail .email-CTA .button {
  margin: 20px 0;
}

.right-rail .email-CTA .cta-privacy p {
  font-size: 0.75rem;
  line-height: 1rem;
}

.right-rail .news.with-image img {
  margin-right: 20px;
  margin-top: 5px;
}

.right-rail .news article {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.right-rail .news article a {
  display: block;
  overflow: auto;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.right-rail .news article a .cta-link {
  font-size: .875rem;
}

.right-rail .news article a:hover .h6,
.right-rail .news article a:focus .h6 {
  text-decoration: underline;
}

.right-rail .news article a:hover .byline,
.right-rail .news article a:focus .byline {
  text-decoration: none;
}

.right-rail .news article a:hover .cta-link,
.right-rail .news article a:focus .cta-link {
  color: #222;
  text-decoration: underline;
}

.right-rail .news article .h6 {
  margin-bottom: 1rem;
}

.right-rail .news article .byline {
  font-weight: 600;
  margin-bottom: 0;
}

.right-rail .news article p:last-of-type {
  margin-bottom: 0;
}

.right-rail .news article:last-of-type {
  border-bottom: none;
}

.right-rail .testimonial-CTA {
  padding-bottom: 0;
}

.right-rail .testimonial-CTA .quotes {
  padding: 20px 0 10px !important;
}

.right-rail .story-CTA {
  margin: 0 auto 30px;
  width: 100%;
}

.right-rail .story-CTA img {
  margin-bottom: 10px;
}

.right-rail .story-CTA .h2 {
  margin-bottom: 10px;
}

.right-rail .text-CTA ul {
  padding-bottom: 0;
}

.right-rail .text-CTA p {
  font-size: .875rem;
}

.right-rail .text-CTA .button {
  margin-bottom: 0;
  margin-top: 1rem;
}

.right-rail .text-CTA a {
  color: #005670;
}

.right-rail .text-CTA a span {
  color: #005670;
}

.right-rail .text-CTA a:hover,
.right-rail .text-CTA a:focus {
  color: #222;
}

.right-rail .text-CTA a:hover span,
.right-rail .text-CTA a:focus span {
  color: #222;
}

.right-rail .text-CTA a.button {
  background-color: #007fa5;
  color: #fff;
  border-radius: 6px;
  display: block;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-top: 1rem;
  max-width: max-content;
  padding: 11px 24px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 200ms ease-out;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  -ms-transition: background-color 200ms ease-out;
  -o-tranition: background-color 200ms ease-out;
}

.right-rail .text-CTA a.button span {
  color: #fff;
}

.right-rail .text-CTA a.button:hover,
.right-rail .text-CTA a.button:focus {
  background-color: #005670;
  color: #fff;
  text-decoration: none;
}

.right-rail .text-CTA a.button:hover span,
.right-rail .text-CTA a.button:focus span {
  color: #fff;
}

.right-rail .h3 {
  line-height: 1.35;
  margin-bottom: 1rem;
}

.text-CTA {
  margin: 0 auto 30px auto;
  width: 100%;
}

@media (min-width: 951px) {
  .text-CTA {
    margin: 0 auto 10px auto;
  }
}

.landing .text-CTA {
  border-top: 1px solid #d8d8d8;
  margin-bottom: 2rem;
  margin-top: -6px;
  max-width: 100%;
}

.landing .text-CTA a.button {
  margin-bottom: 0;
}

.landing .text-CTA .h2 {
  margin-top: -7px;
}

/* Monthly Giving Pages */
.bold,
.bold p {
  font-weight: 700;
}

.caption {
  color: #767676;
  padding: 7px 2px 0;
  font-size: 13px;
}

/* Images */
.monthly-don-banner-image,
.monthly-don-banner-regular {
  margin-bottom: 1rem;
}

/* List */
.monthly-don ul {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 10px;
}

.monthly-don ul li {
  line-height: 1.5;
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 10px 5px;
  padding-left: 5px;
  padding-right: 10px;
  text-indent: -19px;
}

/*Checkmark*/
.monthly-don ul.checkmark li::before {
  content: '✓';
  font-weight: 700;
  padding-right: 8px;
}

/*Bullet*/
.monthly-don ul.bullets li::before {
  content: '•';
  font-weight: 700;
  padding-right: 8px;
}

.monthly-don ul.checkmark.two-columns li {
  margin-bottom: 0;
  padding-bottom: 10px;
}

@media (min-width:768px) {
  ul.checkmark.two-columns {
    column-count: 2;
  }
}

/* Flex */
/* Two Column */
.monthly-don .monthlygiving.flex-two-column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

/* Two Column */
.monthly-don .howmonthly.flex-two-column {
  flex-direction: row;
  justify-content: space-between;
}

.monthly-don .section-row {
  display: flex;
  margin-bottom: 1rem;
}

.monthly-don .section-row {
  margin: 3rem 0 5rem;
  position: relative;
}

.monthly-don .section-row:last-of-type::after {
  display: none;
}

.monthly-don .monthlygiving.flex-two-column p {
  margin-bottom: 0;
}

.monthly-don .yourimpact.flex-two-column p {
  margin-bottom: 10px;
}

.monthly-don .monthlygiving.flex-two-column .small-column {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-right: 10px;
  width: 56px;
}

.monthly-don .howmonthly.flex-two-column .small-column {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  width: 100%;
}

.monthly-don .flex-two-column .number {
  border-right: 2px solid #ececec;
}

.monthly-don .monthlygiving.flex-two-column .copy {
  width: calc(100% - 60px);
}

.monthly-don .howmonthly.flex-two-column .copy {
  width: 100%;
}

.monthly-don .flex-two-column .number+.copy {
  padding-left: 20px;
}

/* Two Row */
.monthly-don .flex-two-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

/* Three Row */
.monthly-don .flex-three-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

/* Arrows */
.monthly-don .flex-three-column.arrow-icon .section-row {
  flex-direction: row;
  position: relative;
}

.monthly-don .flex-three-column.arrow-icon .section-row::after {
  background-image: url(https://cdn.redcross.ca/prodmedia/crc/icons/right-arrow-primary-red.png);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -10px;
  content: "";
  display: inline-block;
  height: 17px;
  position: absolute;
  right: calc(50% - 12px);
  transform: rotate(90deg);
  width: 20px;
}

.monthly-don .flex-three-column.arrow-icon .section-row:last-of-type::after {
  display: none;
}

.monthly-don .section-row .small-column {
  align-self: center;
  margin: 0 auto 1rem;
}

.monthly-don .section-row .small-column img {
  max-width: 40px;
  width: 40px;
}

.fr-view>.h2,
.section-inner-wrapper>.h2 {
  margin-top: 2rem;
}

.monthly-don .flex-two-column .section-row {
  display: flex;
  flex-direction: column;
  margin: 0 0 1.5rem;
  padding: 15px;
}

/* Your impact */
.your-impact .monthly-don .flex-two-column .small-column {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
  padding: 15px 0;
  width: 100%;
}

.your-impact .monthly-don .flex-two-column .section-row {
  padding: 15px 0;
}

.your-impact .monthly-don .section-row .small-column img {
  max-width: 60px;
  width: 60px;
}

.monthly-don .flex-three-column .section-row {
  display: flex;
  flex-direction: row;
  margin: 0 0 1.5rem;
  padding: 15px;
}

@media (min-width:768px) {
  .your-impact .monthly-don .flex-two-column .small-column {
    align-items: flex-start;
    justify-content: end;
    width: 60px;
  }

  .monthly-don .flex-three-column.arrow-icon .section-row {
    flex-direction: column;
    width: 33.33%;
  }

  .monthly-don .flex-two-section ul {
    width: 50%;
  }

  .monthly-don .flex-three-section ul {
    width: 33.33%;
  }

  .monthly-don .flex-two-column,
  .monthly-don .flex-three-column {
    display: flex;
    margin: 0 -15px;
  }

  .monthly-don .flex-three-column.arrow-icon {
    margin-bottom: 2rem;
    margin-top: 3rem;
  }

  .monthly-don .section-inner-wrapper .flex-three-column.arrow-icon {
    margin-bottom: 0;
    margin-top: 2rem;
  }
  .monthly-don .section-inner-wrapper .flex-three-column.arrow-icon .section-row {
    margin-bottom: 0;
  }

  .monthly-don .flex-two-column .section-row {
    display: flex;
    flex-direction: row;
  }

  .monthly-don .flex-three-column .section-row {
    display: flex;
    flex-direction: column;
    margin: 0 0 1.5rem;
    padding: 15px;
  }

  .monthly-don .flex-two-row>div,
  .monthly-don .flex-two-row>.section-row {
    width: 48%;
  }

  .monthly-don .flex-three-row>div,
  .monthly-don .flex-three-row>.section-row {
    width: 32%;
  }

  .monthly-don .flex-two-column .small-column {
    height: 100%;
    width: 60px;
  }

  /* Arrows */
  .monthly-don .flex-three-column.arrow-icon .section-row::after {
    bottom: inherit;
    right: 0;
    transform: rotate(0deg);
    top: 20px;
  }
}

/* Misc Flex  Column / Row Styles */
.monthly-don .link-section {
  margin: 1rem 0;
}

.monthly-don .link-section p {
  margin: 0;
}

.monthly-don .number {
  border-right: 2px solid #ececec;
}

.monthly-don .icon-top .small-column {
  align-items: flex-start;
}

.monthly-don .icon-top .small-column {
  align-items: center;
}

.monthly-don .flex-two-column .section-row .copy {
  width: calc(100% - 80px);
}

.monthly-don .flex-three-column .section-row .small-column+.copy {
  width: 100%;
}

@media(max-width: 767px) {
  .monthly-don .flex-three-column .section-row .small-column+.copy {
    padding-left: 30px;
  }
}

.monthly-don .copy a {
  font-weight: 600;
}

.monthly-don .number+.copy {
  padding-left: 20px;
}

.monthly-don .icon-top .copy {
  padding-left: 5px;
}

/* Blockquote */
.monthly-don *+blockquote {
  margin-top: 2rem;
}

.monthly-don blockquote p::before {
  content: "“";
  margin-left: -26px;
  padding-right: 3px;
}

html[lang='fr'] blockquote p::before {
  content: "«";
  margin-left: -31px;
  padding-right: 3px;
}

.monthly-don blockquote p::before,
.monthly-don blockquote p::after {
  font-size: 2rem;
  line-height: 0;
}

.monthly-don blockquote {
  background-color: #f9f9f9;
  border-left: 5px solid #e00;
  margin: 0 0 1.5rem 0;
  padding: 20px;
}

.monthly-don blockquote p {
  color: #222;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  padding-left: 5px;
  text-indent: 10px;
}

.monthly-don blockquote footer {
  color: #222;
  font-size: .8125rem;
  font-weight: 600;
  margin-top: 10px;
  padding-left: 5px;
}

.monthly-don blockquote footer::before {
  content: "— ";
}

@media(min-width: 951px) {
  .monthly-don blockquote p {
    font-size: 1.125rem;
  }

  .monthly-don blockquote footer {
    font-size: .875rem;
  }
}

.right-rail-blockquote {
  margin-top: 2rem;
}

.right-rail-blockquote blockquote {
  border-left: none;
}

.right-rail-blockquote blockquote p {
  font-size: 14px;
  font-weight: 400;
}

/* Section */
.section-inner-wrapper {
  margin-bottom: 2rem;
}
.optional-html-content.section-inner-wrapper {
  margin-bottom: 0;
}
.optional-html-content.section-inner-wrapper:has(div > div > div> div > div) {
  margin-bottom: 2rem;
}

.monthly-don .grey-bg {
  background-color: #f7f7f7;
  padding: 20px;
}

.monthly-don .monthly-don-right-cta-container .cta-title .h3 {
  line-height: 1.35;
}

.monthly-don .monthly-don-right-cta-container .cta-button {
  height: 41px;
}

.monthly-don .monthly-don-right-cta-container .cta-button .button {
  background-color: #ee0000;
  color: #fff;
  margin-bottom: 5px;
}

.monthly-don .monthly-don-right-cta-container .cta-button .button span {
  color: #fff;
}

.monthly-don .monthly-don-right-cta-container .cta-button .button:hover,
.monthly-don .monthly-don-right-cta-container .cta-button .button:focus {
  background-color: #9A0000;
  color: #fff;
}

.monthly-don .monthly-don-right-cta-container .cta-button .button:hover span,
.monthly-don .monthly-don-right-cta-container .cta-button .button:focus span {
  color: #fff;
}

.monthly-don-bottom-cta-container section.ctas {
  padding: 0;
}

.right-cta {
  border-top: 1px solid #e0e0e0;
  padding-top: 1rem;
}

.right-cta .container {
  background-color: #e6eef0;
  padding: 15px;
}

.flex .cta-icon {
  width: 60px;
  padding-right: 10px;
}

.flex .cta-title {
  width: calc(100% - 60px);
}

.cta-description {
  padding-top: 10px;
}

@media (min-width: 951px) {
  .monthly-don .monthly-don-right-cta-container .cta-button .button {
    display: block;
  }
}

@media (max-width: 950px) {

  .twitter-wrap+div,
  .twitter.twtr-tweets+div {
    border-top: none;
    padding-top: 0 !important;
  }
}

@media (max-width: 980px) {
  .twitter-wrap>a {
    background-size: 91%;
  }

  .twitter-wrap>a:hover {
    background-size: 91%;
  }
}

@media only screen and (max-width: 1023px) {
  .top-bar {
    background: #222;
    height: 42px;
  }
}

@media only screen and (max-width: 1023px) {
  .top-bar a {
    color: #fff;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: 100%;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
}

@media only screen and (max-width: 1023px) {
  .top-bar a img {
    display: block;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1023px) {
  .top-bar .menu-btn a {
    height: 42px;
    padding-left: 13px;
    position: relative;
  }

  .top-bar .menu-btn a:hover {
    background-color: #5e5e5e;
  }

  .top-bar .menu-btn:not(.loaded)::before {
    background: url(/content/images/mobile-preloader.svg) 4px center no-repeat;
    background-position: left -1px;
    background-repeat: no-repeat;
    content: ' ';
    display: block;
    height: 25px;
    left: 11px;
    top: 10px;
    position: absolute;
    width: 25px;
  }

  .top-bar .menu-btn.loaded a {
    background: none;
  }

  .top-bar .menu-btn.loaded a:before {
    content: '\F0C9';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1rem;
    font-weight: 400;
    left: 5px;
    position: absolute;
    top: 1px;
    width: 35px;
  }
}

@media only screen and (max-width: 1023px) {
  .top-bar .menu-icon {
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    height: 42px;
  }

  .top-bar .menu-icon a {
    padding: 8px 10px 10px;
  }

  .top-bar .menu-icon a svg,
  .top-bar .menu-icon a img {
    display: block;
    height: 26px;
    margin: 0 auto;
  }

  .top-bar .menu-icon a:hover svg {
    fill: #005670;
  }
}

.top-bar .menu-icon~.menu-icon {
  border-right: none;
}

@media only screen and (max-width: 1023px) {
  .top-bar .donate {
    background: #ee0000;
    border-bottom: 1px solid #ee0000;
    border-top: 1px solid #ee0000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
  }

  .top-bar .donate:hover {
    background-color: #9A0000;
    border-bottom: 1px solid #9A0000;
    border-top: 1px solid #9A0000;
  }

  .top-bar .donate a {
    display: inline-block;
    margin: -2px auto 0;
  }
}

.flexpanel {
  height: 102%;
  margin: 0;
  max-width: 400px;
  padding: 0;
  position: fixed;
  right: 0;
  top: 133px;
  transform: translateX(180%);
  -webkit-transform: translateX(180%);
  -moz-transform: translateX(180%);
  -o-transform: translateX(180%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  width: 70%;
  z-index: 1002 !important;
}

@media only screen and (max-width: 414px) {
  .flexpanel {
    width: 90%;
  }
}

.flexpanel.open {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
}

@media only screen and (min-width: 951px) {
  .flexpanel.open {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
}

.flexpanel.open .viewport {
  -webkit-overflow-scrolling: touch;
}

.flexpanel.open:after {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 500%;
  z-index: 0;
}

.flexpanel .viewport-wrap {
  height: 100%;
  min-width: 260px;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
  z-index: 1;
}

.flexpanel .viewport-wrap .viewport {
  background: #444;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 0;
  position: relative;
  width: 100%;
}

.flexpanel .viewport-wrap .viewport .navigation {
  height: 100%;
}

.flexpanel ul {
  margin: 0;
  padding: 0 20px 60px 20px !important;
}

.flexpanel ul li {
  border-bottom: 1px solid #767676;
  list-style: none;
}

.flexpanel ul li a {
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 15px 3px;
}

.flexpanel ul li a:hover {
  text-decoration: none;
}

.flexpanel ul li a:hover,
.flexpanel ul li a:focus {
  background: transparent;
  outline: 1px solid #fff;
  outline-offset: 0;
}

.flexpanel ul li a[data-path='/'] {
  border-bottom: 1px solid #767676;
  font-size: 1rem;
}

.flexpanel ul li [href*='/myrc-login'],
.flexpanel ul li [href*='/macr-ouvrir-une-session'] {
  font-weight: 700;
  text-transform: initial;
}

.flexpanel ul li.current {
  border-bottom: 1px solid #fff;
}

.flexpanel ul li.parent {
  font-size: 1.625rem;
  margin-top: 2px;
}

@media(max-width: 414px) {
  .flexpanel ul li.parent {
    font-size: 1.375rem;
  }
}

.flexpanel ul li.parent a {
  text-transform: none;
  line-height: 1.2;
}

.flexpanel .nav-group-inner ul li.parent a {
  margin-top: 4px;
}

.flexpanel #Back+.nav-group-inner ul li.parent a {
  font-weight: 400;
  margin-top: 0;
  text-decoration: none;
}

.flexpanel .nav-group-inner ul li a {
  text-decoration: underline;
}

.flexpanel .nav-group {
  background: #444;
  height: 100%;
  padding: 20px 0;
  position: absolute;
  top: 0;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  width: 100%;
  z-index: 1;
}

.flexpanel .nav-group.nav-active {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.flexpanel .nav-group:nth-child(n + 2) li:first-child {
  margin: -1px -20px;
  padding: 0 20px;
}

.flexpanel .nav-group-inner {
  overflow: auto;
  height: calc(100vh - 132px);
  /* Height of black bar, header, and top of open FlexPanel */
}

.flexpanel .has-child,
.flexpanel .get-menu {
  position: relative;
}

.flexpanel .has-child:after,
.flexpanel .get-menu:after {
  background: url("/content/images/chevron_right.svg") right 2px no-repeat;
  content: '';
  height: 20px;
  position: absolute;
  right: 5px !important;
  top: 20px;
  width: 20px;
}

.flexpanel .get-menu.loading {
  position: relative;
}

.flexpanel .get-menu.loading:after {
  content: '';
  -webkit-animation: spinner 4s linear infinite;
  animation: spinner 4s linear infinite;
  border: 2px solid #d8d8d8;
  border-radius: 50%;
  border-top: 2px solid #222;
  height: 18px;
  left: 14px;
  margin: auto;
  position: absolute;
  top: 6px;
  width: 18px;
}

.flexpanel .nav-back {
  border-bottom: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  margin: 10px 10px 10px 22px;
  padding: 13px 5px 0 13px;
  text-align: left;
}

.flexpanel .nav-back:hover {
  text-decoration: none;
}

.flexpanel .nav-back:before {
  background: url(/content/images/chevron_right.svg) right 2px no-repeat;
  content: '';
  height: 20px;
  position: absolute;
  left: 0;
  top: 13px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 15px;
}

.flexpanel .nav-back:after {
  background-image: none;
}

.flexpanel .close {
  background: #444;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 55px;
  font-size: 1.3125rem;
  font-weight: bold;
  padding-top: 10px;
  position: absolute;
  left: unset;
  right: 0;
  text-align: center;
  top: -55px;
  width: 76px;
}

@media screen and (min-width: 768px) {
  .flexpanel .close {
    padding-top: 11px;
  }
}

#menu {
  transform: translateX(-280%);
  -webkit-transform: translateX(-280%);
  -moz-transform: translateX(-280%);
  -o-transform: translateX(-280%);
}

#menu.toggle {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.mobile-nav-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .mobile-nav-container {
    background: #fff;
    box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5);
    height: 130px;
    padding-bottom: 66px;
    padding-top: 6px;
  }
}

@media only screen and (max-width: 374px) {
  .mobile-nav-container {
    padding: 6px 8px 74px;
  }

  .site-header .logo {
    max-width: 105px;
  }
}

.site-header .mobile-nav-container .mobile-menu-options {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 54px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-width: calc(100% - 140px);
  padding: 0 16px;
  width: 100%;
}

@media screen and (max-width:374px) {
  .mobile-nav-container .mobile-logo-container {
    height: 54px;
    max-width: 110px;
  }

  .site-header .mobile-nav-container .mobile-menu-options {
    max-width: calc(100% - 130px);
  }
}

html[lang=fr] .mobile-nav-container .mobile-menu-options {
  max-width: calc(100% - 140px);
}

.mobile-nav-container .mobile-menu-options .menu-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 48px;
}

.mobile-nav-container .mobile-menu-options .menu-icon a {
  align-items: center;
  display: flex;
  height: 48px;
  padding: 10px 13px;
  width: 48px;
}

@media screen and (min-width:375px) {
  .mobile-nav-container .mobile-menu-options .menu-icon svg {
    height: 22px;
    width: 22px;
  }
}

.mobile-nav-container .mobile-menu-options .menu-icon.menu-btn {
  padding: 0;
  position: relative;
}

.menu-icon a:hover svg *,
.menu-icon a:focus svg * {
  fill: #007fa5;
}

.mobile-nav-container .mobile-menu-options .menu-icon.menu-btn.loaded a:hover:before {
  color: #007fa5;
}

@media only screen and (max-width: 1023px) {
  .mobile-nav-container .mobile-menu-options .menu-icon:not(.search-icon) {
    margin: 0 0 0 8px;
    padding: 0 8px 0 0;
  }

  .mobile-nav-container .language-switch {
    order: 1;
  }

  .mobile-nav-container .mobile-menu-options .search-icon {
    height: 44px;
    max-width: 300px;
    order: 2;
  }

  .mobile-nav-container .mobile-menu-options .search-icon,
  .mobile-nav-container .mobile-menu-options .search-icon #SmartSearchForm,
  .site-header .search #SmartSearchForm input[type="text"] {
    width: 100%;
  }

  .mobile-nav-container .mobile-menu-options .phone-icon {
    border-right: 1px solid #d8d8d8;
    order: 3;
  }

  .mobile-nav-container .mobile-menu-options .menu-icon.menu-btn {
    order: 4;
  }

  .mobile-nav-container .mobile-menu-options .menu-icon.menu-btn a {
    display: inline-block;
    height: 48px;
    position: relative;
  }

  .mobile-nav-container .mobile-menu-options .menu-icon.menu-btn a:hover {
    color: #5e5e5e;
  }

  .mobile-nav-container .mobile-menu-options .menu-icon.menu-btn:not(.loaded)::before {
    content: '';
    -webkit-animation: spinner 4s linear infinite;
    animation: spinner 4s linear infinite;
    border: 2px solid #d8d8d8;
    border-radius: 50%;
    border-top: 2px solid #222;
    height: 18px;
    left: 14px;
    margin: auto;
    position: absolute;
    top: 6px;
    width: 18px;
  }

  .mobile-nav-container .mobile-menu-options .menu-icon.menu-btn.loaded a {
    background: none;
  }

  .mobile-nav-container .mobile-menu-options .menu-icon.menu-btn.loaded a:before {
    color: #222;
    content: '\F0C9';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 26px;
    font-weight: 400;
    height: 40px;
    left: 3px;
    position: absolute;
    top: 6px;
    width: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-nav-container .language-switch {
    order: 1;
  }

  .mobile-nav-container .mobile-menu-options .search-icon {
    height: 44px;
    left: 15px;
    top: 70px;
    margin: 0;
    max-width: calc(100% - 30px);
    order: 4;
    padding: 0;
    position: absolute;
  }

  .site-header .mobile-nav-container .mobile-menu-options .search-icon #SmartSearchForm input[type="text"] {
    font-size: .875rem;
  }

  .mobile-nav-container .mobile-menu-options .phone-icon {
    order: 2;
    margin-left: 0;
  }

  .mobile-nav-container .mobile-menu-options .menu-icon.menu-btn {
    order: 3;
  }
}

@media screen and (max-width:374px) {
  .mobile-nav-container .mobile-menu-options .menu-icon svg {
    height: 20px;
    width: 20px;
  }

  .mobile-nav-container .mobile-menu-options .menu-icon.menu-btn.loaded a:before {
    font-size: 22px;
    padding-top: 9px;
    top: 0;
  }
}

.mobile-nav-container .language-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav-container .language-switch a,
.mobile-nav-container .language-switch .has-tip {
  color: #222;
  font-size: 0.75rem;
  padding: 16px 16px 16px 10px;
}

.mobile-nav-container .language-switch .has-tip {
  color: #767676;
  text-decoration: line-through;
}

@media only screen and (max-width: 413px) {

  .mobile-nav-container .language-switch a,
  .mobile-nav-container .language-switch .has-tip {
    font-size: 0.6875rem;
  }
}

@media only screen and (max-width: 320px) {

  .mobile-nav-container .language-switch a,
  .mobile-nav-container .language-switch .has-tip {
    font-size: 0.5625rem;
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: center;
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.main-nav {
  position: absolute;
  right: 15px;
  top: 128px;
}

@media (min-width: 1024px) {
  .main-nav {
    position: absolute;
    right: 15px;
    top: 91px;
  }
}

@media (min-width: 1024px) {
  html[lang="fr"] .main-nav {
    top: 105px;
  }
}

.main-nav .accessible-megamenu {
  margin-bottom: 0;
  overflow: inherit;
}

.main-nav li {
  border-left: 1px solid #d8d8d8;
  float: left;
  margin-left: 16px;
  margin-top: 8px;
  padding-left: 16px;
}

html[lang="fr"] .main-nav li {
  margin-left: 10px;
  padding-left: 10px;
}

.main-nav li.current a {
  color: #005670;
}

.main-nav li.current .nav-wrap a {
  border-bottom: 2px solid #005670;
  color: #005670;
  padding-bottom: 3px;
  text-decoration: none;
}

.main-nav li.current .sub-nav a {
  color: inherit;
}

.main-nav li.current .sub-nav a:hover,
.main-nav li.current .sub-nav a:focus {
  color: #d60000;
}

.main-nav li .nav-wrap {
  display: table;
  table-layout: fixed;
}

.main-nav li .nav-wrap a {
  padding-bottom: 3px;
}

.main-nav li .nav-wrap a:hover,
.main-nav li .nav-wrap a:focus {
  color: #005670;
  text-decoration: none;
}

.main-nav li .nav-wrap a.open {
  padding-bottom: 3px;
}

.main-nav li a {
  color: #333;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  transition: color 200ms ease-out;
  -webkit-transition: color 200ms ease-out;
  -moz-transition: color 200ms ease-out;
  -ms-transition: color 200ms ease-out;
  -o-tranition: color 200ms ease-out;
  display: block;
  font-weight: 700;
}

.main-nav li a:hover,
.main-nav li a:focus {
  color: #005670;
  outline: none;
}

.main-nav li:nth-child(5).nav-item {
  border-left: 0;
  border-right: 1px solid #d8d8d8;
  padding-right: 14px;
  position: relative;
}

.main-nav li:nth-child(5).nav-item:before {
  background-color: #d8d8d8;
  content: '';
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.main-nav li:nth-child(5).nav-item .sub-nav {
  margin-left: -431px;
  top: 22px;
}

html[lang="fr"] .main-nav li:nth-child(5).nav-item .sub-nav {
  margin-left: -415px;
  top: 22px;
}

.main-nav li:last-of-type {
  border-left: 0;
  margin-left: 0;
}

html[lang="fr"] .main-nav li:last-of-type {
  margin-left: 0;
}

.main-nav li:last-of-type .nav-wrap a {
  color: #ee0000;
}

.main-nav li:last-of-type .nav-wrap a.open {
  padding-bottom: 0;
}

.main-nav li:last-of-type .nav-wrap a:after {
  color: #ee0000;
  content: "\F054";
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 12px;
  font-weight: 400;
  padding-left: 5px;
}

.main-nav li:last-of-type .nav-wrap a:hover,
.main-nav li:last-of-type .nav-wrap a:focus {
  color: #9A0000;
}

.main-nav li:last-of-type .nav-wrap a:hover:after,
.main-nav li:last-of-type .nav-wrap a:focus:after {
  color: #9A0000;
}

.main-nav li:first-child {
  border: none;
}

html[lang="fr"] .main-nav .sub-nav ul li {
  padding: 0;
  margin: 0;
}

html[lang="fr"] .main-nav .sub-nav ul li a {
  padding: 7px 20px;
}

.sub-nav {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 2px 2px 8px -5px #333;
  box-shadow: 2px 2px 8px -5px #333;
  margin-left: -17px;
  opacity: 0;
  position: absolute;
  top: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  visibility: hidden;
  width: 225px;
  z-index: 1000;
}

html[lang="fr"] .sub-nav {
  margin-left: -11px;
  top: 30px;
}

.sub-nav.double {
  width: 553px;
}

.sub-nav.double:after {
  width: 553px;
}

.sub-nav.double ul {
  margin: 0;
}

.sub-nav.double ul:first-child {
  border-right: 1px solid #d8d8d8;
  max-width: 275px;
}

.sub-nav.double ul li.l3 a {
  color: #767676;
  padding-left: 32px;
}

.sub-nav.double ul li.l3 a:hover,
.sub-nav.double ul li.l3 a:focus {
  color: #d60000;
  outline: none;
  text-decoration: underline;
}

.sub-nav:after {
  background-color: #005670;
  content: "";
  height: 2px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 101%;
}

.sub-nav.open {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  visibility: visible;
}

.sub-nav ul {
  list-style: none;
  margin: 0;
}

.sub-nav ul li {
  border: none;
  line-height: 1.25;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sub-nav ul li:first-child {
  padding-top: 10px;
}

html[lang="fr"] .sub-nav ul li:first-child {
  padding-top: 10px;
}

.sub-nav ul li:last-child {
  padding-bottom: 10px;
}

.sub-nav ul li a {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 7px 20px;
  text-transform: none;
}

.sub-nav ul li a:hover,
.sub-nav ul li a:focus {
  background-color: #ececec;
  color: #d60000;
}

.sub-nav ul li a.current {
  background-color: #767676;
}

.sub-nav ul.sub-nav-group {
  float: left;
  max-width: 275px;
}

.active-responses .bold {
  font-weight: 700;
}

.donate-header a {
  display: block;
  padding-right: 10px;
}

.donate-header .donate-header-container {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 76px;
  display: flex;
  justify-content: space-between;
  padding: 8px 12px 8px 5px;
}

html[lang="fr-CA"] .donate-header .donate-header-container {
  padding: 8px 12px 8px 8px;
}

.donate-header .donate-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1160px;
  position: relative;
  width: 100%;
}

.donate-header .donate-header-inner .donate-header-title {
  border-left: 1px solid #222;
  height: inherit;
  left: 135px;
  margin: 0;
  overflow: inherit;
  padding: 0;
  position: absolute;
  top: 9px;
  width: calc(100% - 135px);
}

.donate-header .donate-header-inner .donate-header-title h1 {
  font-size: 1rem;
  font-weight: 700;
  display: inline-block;
  margin: 7px 0 10px;
  padding-left: 20px;
}

@media (min-width: 600px) {
  .donate-header .donate-header-inner .logo-wrapper {
    max-width: 175px;
  }

  .donate-header .donate-header-inner .donate-header-title {
    left: 175px;
    width: calc(100% - 175px);
  }

  .donate-header .donate-header-inner .donate-header-title h1 {
    font-size: 1.5rem;
    margin-top: 5px;
  }
}

@media (min-width: 431px) and (max-width: 599px) {
  .donate-header .donate-header-inner .logo-wrapper {
    max-width: 135px;
  }

  .donate-header .donate-header-inner .donate-header-title {
    left: 135px;
    top: 7px;
    width: calc(100% - 135px);
  }

  html[lang="fr-CA"] .donate-header .donate-header-inner .donate-header-title {
    top: 4px;
  }

  .donate-header .donate-header-inner .donate-header-title h1 {
    font-size: 1rem;
  }
}

@media (max-width: 430px) {
  .donate-header a {
    padding-right: 5px;
  }

  .donate-header .donate-header-inner .logo-wrapper {
    max-width: 135px;
  }

  .donate-header .donate-header-inner .donate-header-title {
    left: 135px;
    top: 9px;
    width: calc(100% - 135px);
  }

  .donate-header .donate-header-inner .donate-header-title h1 {
    font-size: .875rem;
    padding-left: 10px;
  }

  html[lang="fr-CA"] .donate-header .donate-header-inner .logo-wrapper {
    max-width: 120px;
  }

  html[lang="fr-CA"] .donate-header .donate-header-inner .donate-header-title {
    left: 120px;
    top: 6px;
    width: calc(100% - 120px);
  }
}

@media (max-width: 380px) {
  .donate-header .donate-header-inner .logo-wrapper {
    max-width: 110px;
  }

  .donate-header .donate-header-inner .donate-header-title {
    left: 110px;
    top: 6px;
    width: calc(100% - 110px);
  }

  .donate-header .donate-header-inner .donate-header-title h1 {
    font-size: .75rem;
    padding-left: 10px;
  }

  html[lang="fr-CA"] .donate-header .donate-header-inner .logo-wrapper {
    max-width: 100px;
  }

  html[lang="fr-CA"] .donate-header .donate-header-inner .donate-header-title {
    left: 100px;
    top: 3px;
    width: calc(100% - 100px);
  }
}

.donate-header .donate-header-inner .language-switch {
  -ms-flex-item-align: center;
  align-self: center;
  z-index: 20;
}

.donate-header .donate-header-inner .language-switch a {
  color: #222;
  font-size: .8125rem;
}

.donate-header .donate-header-inner .language-switch a:hover,
.donate-header .donate-header-inner .language-switch a:focus {
  text-decoration: underline;
}

.donate-header .contact-us {
  background-color: #222;
  color: #fff;
  padding: 15px 20px;
}

.donate-header .contact-us .contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 389px) {
  .donate-header .contact-us .contact-container {
    display: block;
    margin-bottom: -15px;
  }

  .donate-header .contact-us .contact-container .email-icon {
    margin-top: 20px;
  }
}

@media (max-width: 451px) {
  html[lang="fr"] .donate-header .contact-us .contact-container {
    display: block;
    margin-bottom: -15px;
  }

  html[lang="fr"] .donate-header .contact-us .contact-container .email-icon {
    margin-top: 20px;
  }
}

.donate-header .contact-us .contact-container .mobile-icon .fa {
  color: #fff;
  font-size: 18px;
  padding-left: 5px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.donate-header .contact-us .contact-container .email-icon .fa {
  color: #fff;
  font-size: 18px;
  padding-right: 5px;
}

.donate-header .contact-us .contact-container a {
  color: #fff;
  font-size: .875rem;
  white-space: nowrap;
}

.donate-header .contact-us .contact-container a:hover {
  color: #c3c3c3;
}

.donate-header .contact-us .contact-container a:focus {
  color: #c3c3c3;
  text-decoration: underline;
}

.donate-main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 710px;
}

@media (min-width: 1171px) {
  .donate-main .container {
    max-width: 860px;
    padding-left: 32px;
  }
}

.page-intro {
  background-color: #222;
  color: #fff;
  padding: 20px 20px 5px;
}

.page-intro h2 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .page-intro h2 {
    font-size: 22px;
  }
}

.drop-down {
  background-color: #222;
  color: #fff;
  padding: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 400;
}

@media (min-width: 768px) {
  .drop-down {
    padding: 15px 20px 30px;
  }
}

.drop-down .drop-down-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.drop-down label {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 5px;
  text-align: left;
  width: 100%;
}

@media (min-width: 768px) {
  .drop-down label {
    font-size: 18px;
  }
}

.drop-down .select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .drop-down .select-wrapper {
    margin: 0;
    width: calc(100% - 200px);
  }
}

.drop-down .select-wrapper select {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  color: #222;
  display: inline-block;
  height: 42px;
  outline: none;
  padding: 8px 40px 8px 13px;
  width: 100%;
}

.drop-down .select-wrapper .arrow {
  background: url("/content/icons/chevron-down-333.png") right/90% no-repeat;
  display: inline-block;
  height: 28px;
  pointer-events: none;
  position: absolute;
  right: 13px;
  top: 10px;
  width: 18px;
}

.drop-down .select-wrapper .arrow.open {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  top: 7px;
}

.drop-down .select-wrapper::-webkit-input-placeholder {
  color: #222;
  font-size: 1rem;
}

.drop-down .select-wrapper::-moz-placeholder {
  color: #222;
  font-size: 1rem;
}

.drop-down .select-wrapper::-ms-input-placeholder {
  color: #222;
  font-size: 1rem;
}

.drop-down .select-wrapper::placeholder {
  color: #222;
  font-size: 1rem;
}

.drop-down .select-wrapper optgroup {
  color: #767676;
}

.drop-down .select-wrapper option {
  color: #222;
}

.drop-down .button {
  font-size: 1rem;
  height: 42px;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .drop-down .button {
    margin-left: 15px;
    width: 185px;
  }
}

.donate-featured-ctas {
  background: #fff;
  margin: 30px 0;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .donate-featured-ctas {
    margin: 40px 0 30px;
  }
}

.donate-featured-ctas .donate-featured-ctas-container {
  margin: 0 auto;
  max-width: 710px;
}

@media (min-width: 951px) {
  .donate-featured-ctas .donate-featured-ctas-container {
    max-width: 1052px;
  }
}

.donate-featured-ctas .donate-featured-ctas-container .cta-container {
  margin-bottom: 30px;
}

.donate-featured-ctas .donate-featured-ctas-container .cta-container.cta-container-winm {
  display: none;
}

@media (min-width: 768px) {
  .donate-featured-ctas .donate-featured-ctas-container .cta-container.cta-container-winm {
    border: 1px solid #d8d8d8;
    display: block;
    margin-bottom: 40px;
  }

  .donate-featured-ctas .donate-featured-ctas-container .cta-container.cta-container-winm .basic-image-container {
    height: 100%;
    width: 100%;
  }

  .donate-featured-ctas .donate-featured-ctas-container .cta-container.cta-container-winm .basic-image {
    height: 100%;
    object-fit: cover;
    object-position: top;
  }

  .donate-featured-ctas .donate-featured-ctas-container .cta-container {
    margin-bottom: 40px;
  }
}

.donate-featured-ctas .donate-featured-ctas-container .cta-container .h2 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0 auto 20px;
  text-align: center;
}

html[lang="fr"] .cta-container.cta-container-winm .donate-cta .copy-container .primary-button {
  padding: 11px 36px;
}

@media (max-width: 414px) {
  .donate-featured-ctas .donate-featured-ctas-container .cta-container .h2 {
    max-width: 275px;
  }

  html[lang="fr"] .donate-featured-ctas .donate-featured-ctas-container .cta-container .h2 {
    max-width: 285px;
  }
}

@media (min-width: 768px) {
  .donate-featured-ctas .donate-featured-ctas-container .cta-container .h2 {
    font-size: 28px;
    margin: 0 0 20px;
    max-width: inherit;
    text-align: left;
  }
}

.donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 -8px;
}

.donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta {
  border: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 8px 20px;
  position: relative;
  text-align: center;
  width: 100%;
}

.donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta:hover,
.donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta:focus {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  outline: none;
  text-decoration: none;
}

.cta-container.cta-container-winm .donate-cta {
  display: flex;
  height: 186px;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta {
    width: calc(50% - 16px);
  }

  .donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta:nth-of-type(3n),
  .donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta:last-of-type {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .cta-container.cta-container-winm .donate-cta .copy-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 20px;
    width: 400px;
  }

  .cta-container.cta-container-winm .donate-cta .copy-container h2 {
    font-weight: 400;
    margin-bottom: 1rem;
  }

  .cta-container.cta-container-winm .donate-cta .copy-container .button-options {
    display: flex;
    justify-content: space-between;
    max-width: 360px;
  }

  html[lang="fr"] .cta-container.cta-container-winm .donate-cta .copy-container .button-options {
    max-width: 320px;
  }

  .cta-container.cta-container-winm .donate-cta .copy-container .button-options .primary-button {
    margin-bottom: 0;
  }

  .cta-container.cta-container-winm .donate-cta .image-container {
    position: relative;
    overflow: hidden;
    width: calc(100% - 400px);
  }
}

.donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta .h4 {
  margin: 20px;
}

@media (min-width: 768px) {
  html[lang="fr"] .donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta .h4 {
    margin: 12px 12px 20px;
  }
}

.donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta .button {
  margin: 0 auto 20px;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta .button {
    max-width: 180px;
  }
}

@media (min-width: 768px) {
  html[lang="fr"] .donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta .button {
    max-width: 164px;
    padding: 11px 8px;
    width: calc(100% - 30px);
  }
}

@media(min-width: 951px) {
  .donate-featured-ctas .donate-featured-ctas-container .ctas-wrapper .donate-cta {
    margin-bottom: 0;
    width: calc(25% - 16px);
  }
}

@media(min-width: 1024px) {
  .cta-container.cta-container-winm .donate-cta {
    height: 206px;
  }

  .cta-container.cta-container-winm .donate-cta .copy-container {
    padding: 40px;
    width: 450px;
  }

  .cta-container.cta-container-winm .donate-cta .image-container {
    overflow: hidden;
    width: calc(100% - 450px);
  }

  html[lang="fr"] .cta-container.cta-container-winm .donate-cta .copy-container {
    padding: 30px;
    width: 530px;
  }

  html[lang="fr"] .cta-container.cta-container-winm .donate-cta .image-container {
    width: calc(100% - 530px);
  }

  html[lang="fr"] .cta-container.cta-container-winm .donate-cta .copy-container h2 {
    font-size: 25px;
  }
}

.donate-featured-ctas .donate-featured-ctas-container .tag-container {
  left: 0;
  position: absolute;
  top: 0;
}

.donate-featured-ctas .donate-featured-ctas-container .tag-container .tag-bg {
  background-color: #ee0000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.2px;
  position: relative;
  text-align: left;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 100%;
}

.donate-featured-ctas .donate-featured-ctas-container .tag-container .tag-bg::after {
  border-top: 16px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid transparent;
  border-left: 10px solid #ee0000;
  content: "";
  position: absolute;
  right: -30px;
  top: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.donate-featured-ctas .donate-featured-ctas-container .tag-container .tag-bg .tag-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 36px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 10px;
}

.donate-featured-ctas .donate-featured-ctas-container .tag-container .tag-bg .tag-text .bold {
  font-size: 18px;
  padding-right: 7px;
}

.donate-footer {
  background-color: #333;
  color: #fff;
}

.donate-footer .donate-footer-container {
  margin: 0 auto;
  max-width: 700px;
  padding: 20px;
}

@media (min-width: 768px) {
  .donate-footer .donate-footer-container {
    padding: 30px 0;
  }
}

.donate-footer .donate-footer-container .donate-footer-contact {
  border-bottom: 1px solid #c3c3c3;
  margin: 0 auto;
  max-width: 550px;
  padding-bottom: 10px;
}

.donate-footer .donate-footer-container .donate-footer-contact h3 {
  color: #fff;
}

.donate-footer .donate-footer-container .donate-footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px auto 30px;
  max-width: 550px;
}

@media (min-width: 768px) {
  .donate-footer .donate-footer-container .donate-footer-links {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.donate-footer .donate-footer-container .donate-footer-links li {
  list-style-type: none;
}

.donate-footer .donate-footer-container .donate-footer-links li a {
  display: inline-block;
  font-size: 14px;
  padding: 8px 0;
}

.donate-footer .donate-footer-container a {
  color: #fff;
}

.donate-footer .donate-footer-container a:hover {
  color: #c3c3c3;
}

.donate-footer .donate-footer-container .footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0;
}

@media (min-width: 768px) {
  .donate-footer .donate-footer-container .footer-social {
    margin: 30px;
  }
}

.donate-footer .donate-footer-container .footer-social>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 365px;
  width: 100%;
}

.donate-footer .donate-footer-container .footer-social>ul li {
  display: inline-block;
  list-style-type: none;
  max-height: 32px;
  max-width: 32px;
}

.donate-footer .donate-footer-container .footer-social a {
  display: inline-block;
  height: 32px;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
  width: 32px;
}

.donate-footer .donate-footer-container .footer-social a:hover,
.donate-footer .donate-footer-container .footer-social a:focus {
  outline: none;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_facebook,
.donate-footer .donate-footer-container .footer-social a:focus .social_facebook {
  background-color: #3b5998;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_facebook .grey,
.donate-footer .donate-footer-container .footer-social a:focus .social_facebook .grey {
  fill: #fff;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_twitter,
.donate-footer .donate-footer-container .footer-social a:focus .social_twitter {
  background-color: #1d9bf0;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_twitter .grey,
.donate-footer .donate-footer-container .footer-social a:focus .social_twitter .grey {
  fill: #fff;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_bluesky,
.donate-footer .donate-footer-container .footer-social a:focus .social_bluesky {
  background-color: #1185fe;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_bluesky .grey,
.donate-footer .donate-footer-container .footer-social a:focus .social_bluesky .grey {
  fill: #fff;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_instagram,
.donate-footer .donate-footer-container .footer-social a:focus .social_instagram {
  background-color: #f77737;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_instagram .grey,
.donate-footer .donate-footer-container .footer-social a:focus .social_instagram .grey {
  fill: #fff;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_linkedin,
.donate-footer .donate-footer-container .footer-social a:focus .social_linkedin {
  background-color: #0A66C2;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_linkedin .grey,
.donate-footer .donate-footer-container .footer-social a:focus .social_linkedin .grey {
  fill: #fff;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_youtube,
.donate-footer .donate-footer-container .footer-social a:focus .social_youtube {
  background-color: #ff0000;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_youtube .grey,
.donate-footer .donate-footer-container .footer-social a:focus .social_youtube .grey {
  fill: #fff;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_tiktok,
.donate-footer .donate-footer-container .footer-social a:focus .social_tiktok {
  background-color: #FE2C55;
}

.donate-footer .donate-footer-container .footer-social a:hover .social_tiktok .grey,
.donate-footer .donate-footer-container .footer-social a:focus .social_tiktok .grey {
  fill: #fff;
}

.donate-footer .donate-footer-container .footer-social a .svg-wrapper.twitter,
.donate-footer .donate-footer-container .footer-social a .svg-wrapper.bluesky,
.donate-footer .donate-footer-container .footer-social a .svg-wrapper.facebook,
.donate-footer .donate-footer-container .footer-social a .svg-wrapper.instagram,
.donate-footer .donate-footer-container .footer-social a .svg-wrapper.linkedin,
.donate-footer .donate-footer-container .footer-social a .svg-wrapper.tiktok,
.donate-footer .donate-footer-container .footer-social a .svg-wrapper.youtube {
  height: 32px;
  width: 32px;
}

.donate-footer .donate-footer-container .footer-social a svg {
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.donate-footer .donate-footer-container .footer-social a svg .grey {
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.donate-footer .donate-footer-container .footer-social a svg.social_twitter {
  padding: 7px;
}

.donate-footer .donate-footer-container .donate-footer-copyright,
.donate-footer .donate-footer-container .footer-copyright p {
  color: #c3c3c3;
  font-size: 0.8125rem;
  text-align: center;
}

.donate-site-header .header-wrap {
  height: 115px;
  position: relative;
}

.donate-site-header .header-wrap .logo {
  left: 0;
  position: absolute;
  top: 25px;
  width: 170px;
}

html[lang="fr"] .donate-site-header .header-wrap .logo {
  top: 49px;
}

.donate-site-header .header-wrap .logo>a {
  display: block;
}

.donate-site-header .header-wrap .logo img {
  height: auto;
  position: relative;
  width: 100%;
}

.donate-site-header .header-wrap h1 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  top: 25px;
}

.donate-site-header .header-wrap .contact-us {
  bottom: 24px;
  color: #666;
  position: absolute;
  right: 0;
  text-align: right;
  width: 57px;
}

.donate-site-header .header-wrap .contact-us ul {
  padding: 0;
  margin: 0;
  text-align: right;
}

.donate-site-header .header-wrap .contact-us ul li {
  background: none;
  color: #666;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
  vertical-align: top;
}

.donate-site-header .header-wrap .contact-us ul li a {
  color: #666;
}

.donate-site-header .header-wrap .contact-us ul li a:hover {
  color: #222;
}

.donate-site-header .header-wrap .contact-us ul li.email {
  margin-left: 8px;
}

.donate-site-header .header-wrap .contact-us ul li.email .fa-envelope {
  font-size: 18px;
  position: relative;
  top: -2px;
}

.donate-site-header .header-wrap .donate-nav {
  display: block;
  float: right;
  padding-top: 12px;
  width: 100%;
}

.donate-site-header .header-wrap .donate-nav .lang {
  color: #383838;
  display: block;
  float: right;
  font-size: .8125rem;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1;
  padding: 0;
  text-transform: uppercase;
}

.donate-site-header .header-wrap .donate-nav .lang a {
  color: #383838;
}

.donate-site-header .header-wrap .donate-nav .lang a:hover {
  color: #ee0000;
  text-decoration: underline;
}

.donate-site-header .header-wrap .donate-nav .topnav {
  float: right;
}

.donate-site-header .header-wrap .donate-nav .topnav ul {
  margin: 0;
  padding: 0 10px;
}

.donate-site-header .header-wrap .donate-nav .topnav ul li {
  float: left;
  font-size: .75rem;
  list-style: none;
  margin: 0;
  padding: 0 15px;
}

.donate-site-header .header-wrap .donate-nav .topnav ul li:first-child {
  padding-left: 0;
}

.donate-site-header .header-wrap .donate-nav .topnav ul li a {
  color: #383838;
  display: block;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1;
  padding: 0;
  text-transform: uppercase;
}

.donate-site-header .header-wrap .donate-nav .topnav ul li a:hover {
  color: #ee0000;
  text-decoration: underline;
}

.divider {
  background-color: #757779;
  height: 8px;
  position: absolute;
  bottom: -8px;
  width: 100%;
  z-index: 1;
}

.donate-site-main {
  padding: 45px 0 30px;
  display: block;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {
  .donate-site-main {
    padding: 26px 0 10px;
  }
}

.donate-site-main h1 {
  color: #000;
  margin: 0 0 20px;
}

.donate-site-main .cta span.button {
  padding: 8px 37px 8px 29px;
}

.donate-site-main .cta h3,
.donate-site-main .cta .h3,
.donate-site-main .cta p {
  padding: 0 15px;
}

.donate-site-main .cta h3,
.donate-site-main .cta .h3 {
  color: #222;
  font-size: 1.25rem;
  padding-top: 15px;
}

.donate-site-main .cta p.cta-button {
  margin: 0;
  font-weight: 700;
  font-size: 0.875rem;
}

.donate-site-main .cta:hover p.cta-button span {
  background-color: #d62323;
  text-decoration: none !important;
}

.donate-site-main .panel {
  position: relative;
}

@media only screen and (max-width: 640px) {
  .donate-site-main .panel {
    height: inherit !important;
  }
}

.donate-site-main .donate-alert {
  background-color: #ee0000;
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 1px;
  max-width: 40%;
  hyphens: auto;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
  z-index: 1;
}

.donate-site-main ul.donate-select-nav,
.donate-site-main ul.donate-price-points-nav {
  padding: 0;
  margin: 0;
  width: 102%;
  position: relative;
  left: -1%;
  overflow: hidden;
  display: none;
}

.donate-site-main ul.donate-select-nav li,
.donate-site-main ul.donate-price-points-nav li {
  list-style: none;
  background: none;
  width: 31.333% !important;
  float: left !important;
  vertical-align: top;
  margin: 0 1% 2% !important;
  padding: 0;
  height: auto !important;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

.donate-site-main ul.donate-select-nav li a,
.donate-site-main ul.donate-price-points-nav li a {
  background: #fff;
  border: 1px solid #999;
  border-radius: 6px;
  color: #333;
  display: block;
  height: 70px;
  padding: 0 10px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.donate-site-main ul.donate-select-nav li a:hover,
.donate-site-main ul.donate-price-points-nav li a:hover {
  background-color: #ee0000;
  border-color: #ee0000;
  color: #fff;
  text-decoration: none;
}

.donate-site-main ul.donate-select-nav li a span,
.donate-site-main ul.donate-price-points-nav li a span {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.donate-site-main ul.donate-select-nav li.active a,
.donate-site-main ul.donate-price-points-nav li.active a {
  background-color: #ee0000;
  border-color: #ee0000;
  color: #fff;
  font-weight: 700;
}

.donate-site-main ul.donate-price-points-nav {
  padding: 10px 0 5px !important;
  overflow: hidden;
}

.donate-site-main ul.donate-price-points-nav li {
  width: 15% !important;
  font-size: 17px;
  margin-bottom: 0 !important;
}

.donate-site-main ul.donate-price-points-nav li:nth-child(4) a,
.donate-site-main ul.donate-price-points-nav li.other a {
  border-radius: 6px 0 0 6px;
}

.donate-site-main ul.donate-price-points-nav li a {
  padding: 0;
}

.donate-site-main ul.donate-price-points-nav li.textinput {
  width: 30% !important;
  padding: 0 !important;
  position: relative;
  left: -3px;
  height: 70px;
  margin: 0 !important;
  padding: 0;
}

.donate-site-main ul.donate-price-points-nav li.textinputinactive input {
  color: #e7e7e7;
}

.donate-site-main ul.donate-price-points-nav li.textinput input {
  margin: 0;
  width: calc(100% + 12px);
  height: 70px;
  position: relative;
  left: -5px;
  border: 1px solid #999;
  border-radius: 0 6px 6px 0;
  background-color: #e7e7e7;
  font-size: 17px;
  font-weight: 600;
}

.donate-site-main ul.donate-price-points-nav li.textinput input.active,
.donate-site-main ul.donate-price-points-nav li.textinput input:focus {
  background-color: #fff;
}

/* DONATE PAGE */
.donate-now {
  font-size: 1.1em;
  font-family: "Open Sans", Arial, sans-serif;
  color: #414244;
}

.donate-now .bg-donate {
  background-size: cover;
}

.donate-now .banner.limited h1 {
  float: left;
  max-width: 535px;
}

.donate-now .banner.limited p {
  color: #6a6b6d;
  float: right;
  margin-top: 20px;
}

.donate-now .banner.sub {
  max-height: 33px;
}

.donate-now h1 {
  background: none;
  height: auto;
  margin-left: 50px;
  padding-top: 40px;
  text-indent: 0;
  width: auto;
}

.donate-now h4 {
  font-size: 1.2em;
}

.donate-now hr {
  border-color: #e4e4e4;
  margin: 10px 0 30px;
}

.donate-now header {
  padding-bottom: 25px;
}

.donate-now header a:hover,
.donate-now header img:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.donate-now header .languageSwitchContainer a {
  font-size: 0.9em;
}

.donate-now header .languageSwitchContainer p {
  position: absolute;
  right: 0;
  top: 60px;
}

.donate-now ul.top-menu li a {
  font-size: .9em;
}

.donate-now .nav-donate-online {
  display: none;
}

.donate-now .nav-donate-now {
  display: block;
}

.donate-now .main-content.wide {
  border-top: 0 none;
  margin-top: 0;
  padding-top: 0;
  width: 770px;
}

.donate-now .main-content.full-width {
  margin-left: 0;
  width: 970px;
}

.donate-now .main-content.full-width .form-container {
  background: url("/CRC/img/donate/donate-bg.jpg") repeat scroll 0 0 #fff;
  margin-top: 0;
}

.donate-now .main-content.full-width .price-point-zone {
  padding: 0 23px;
}

.donate-now .main-content.full-width .price-point-zone .price-point div {
  width: 35%;
}

.donate-now .main-content.full-width .price-point-zone .price-point p {
  margin: 10px 0;
  padding: 7px 0 0;
}

.donate-now .main-content img.background-image {
  padding: 0;
  position: absolute;
}

.donate-now .main-content a.learn-more-tab {
  background: #da0000;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  height: 109px;
  overflow: hidden;
  position: absolute;
  right: -30px;
  top: 0;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
  width: 30px;
}

html[lang="fr"] .donate-now .main-content a.learn-more-tab {
  height: 130px;
}

.donate-now .main-content a.learn-more-tab img {
  margin: 0;
  position: absolute;
  right: 0;
}

.donate-now .main-content a.learn-more-tab:hover {
  right: -40px;
  width: 40px;
}

.donate-now .main-content .form-container {
  background-size: cover;
  height: 590px;
  margin-top: 0;
  padding: 30px;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.donate-now .main-content .form-container.interactive {
  background-image: none;
}

.donate-now .main-content .form-container .donate-form {
  background: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 15px 0 15px 15px;
  height: 100%;
  left: 0;
  padding: 5px 25px 25px;
  position: absolute;
  width: 48%;
  z-index: 2;
}

.donate-now .form-contents {
  position: relative;
  height: 460px;
}

.donate-now .learn-more-container-wrap {
  position: absolute;
  left: 48%;
  height: 100%;
  min-height: 100%;
  z-index: 1;
  width: 52%;
  overflow: hidden;
}

.donate-now .learn-more-container {
  position: absolute;
  top: 0;
  left: -100%;
  background: #fff;
  background: url("/content/images/vertical-gradient.png") repeat-y scroll 0 0 rgba(255, 255, 255, 0.95);
  padding: 25px 0;
  width: 100%;
  width: calc(100% - 30px);
  height: 100%;
  min-height: 100%;
  z-index: 1;
}

.donate-now .learn-more-container .close {
  font-size: 0.86em;
  position: absolute;
  right: 15px;
  text-transform: uppercase;
  top: 10px;
}

.donate-now .learn-more-container .close:hover {
  cursor: pointer;
}

.donate-now .learn-more-panel {
  color: #4d4d4d;
  font-size: 0.96em;
  height: 390px;
  margin: 20px auto 0;
  overflow: hidden;
  overflow-x: auto;
  padding: 0 25px;
  position: relative;
  width: 95%;
}

.donate-now .learn-more-panel ul {
  padding: 0;
  margin: 0;
}

.donate-now .learn-more-panel ul li {
  background: none !important;
  list-style-image: none !important;
  padding: 0;
  margin-top: 35px;
}

.donate-now .learn-more-panel ul li:first-child {
  margin-top: 0;
}

.donate-now .learn-more-panel ul li ul li {
  margin: 10px 0 0;
  padding: 0 0 0 10px;
  background: url("/content/images/bullet-grey.gif") no-repeat scroll 0 8px rgba(0, 0, 0, 0) !important;
}

.donate-now .main-content .form-container .donate-form .fieldset-fix {
  width: 100%;
  display: block;
  overflow: visible;
}

.donate-now .main-content .form-container .donate-form .fieldset-fix h2 {
  margin: 0 0 14px;
}

.donate-now .main-content .form-container .donate-form .fieldset-fix h2 label {
  color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 10px 0 0;
  text-align: left;
}

.donate-now .main-content .form-container .donate-form .btn-submit {
  -webkit-appearance: none;
  background-color: #ee0000;
  border-color: #ee0000;
  border-style: solid;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  height: 60px;
  line-height: normal;
  margin: 0;
  padding: 12px 36px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}

.donate-now .main-content .form-container .donate-form .btn-submit i {
  display: none;
}

.donate-now .main-content .form-container .donate-form .btn-submit.radius {
  border-radius: 8px;
}

.donate-now .main-content .form-container .donate-form .btn-submit.expand {
  font-size: 1.0625rem;
  margin: 20px 0;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

.donate-now .main-content .form-container .donate-form .btn-submit.expand:hover {
  background-color: #9A0000;
  border-color: #9A0000;
}

.donate-now .main-content .form-container .donate-form fieldset {
  border: none;
  min-width: 0;
}

.donate-now .main-content .form-container .donate-form fieldset:first-child {
  margin: 0;
  padding: 0;
}

.donate-now .main-content .form-container .donate-form fieldset .no-padding {
  margin: 10px 0 0;
  padding: 0;
}

.donate-now .main-content .form-container .donate-form fieldset legend {
  display: none;
}

.donate-now .main-content .form-container .donate-form fieldset button {
  margin: 2rem 0 1.11111rem;
  text-transform: uppercase;
  font-size: 1.25rem;
}

.donate-now .main-content .form-container .donate-form fieldset ul {
  padding: 0;
  margin: 0;
}

.donate-now .main-content .form-container .donate-form fieldset ul li {
  background: none;
  list-style: none;
  padding-left: 0;
}

.donate-now .main-content .form-container .donate-form fieldset ul.price-points {
  padding-top: 10px;
}

.donate-now .main-content .form-container .donate-form fieldset ul.price-points li input[type="text"] {
  display: inline-block;
  position: absolute;
  left: 100px;
  font-size: 0.9em;
  height: 30px;
  margin: 0;
  width: 100px;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 30px;
  padding: 5px;
  color: #666;
  background-color: #f7f7f7;
}

.donate-now .main-content .price-point-zone {
  padding: 10px 0 25px;
  margin: 0 !important;
  min-height: 90px;
  max-width: none;
}

.donate-now .main-content .price-point-zone .price-point-container {
  margin: 0 auto;
  max-width: 990px;
  width: 100%;
}

.donate-now .main-content .price-point-zone .price-point {
  position: relative;
}

.donate-now .main-content .price-point-zone .price-point div div {
  left: 0;
  margin: 0 auto;
  position: relative;
  top: 0;
  width: 91px;
}

.donate-now .main-content .price-point-zone .price-point div div span {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 9px;
  width: 31px;
}

.donate-now .main-content .price-point-zone .price-point p {
  font-size: .875rem;
  line-height: 22px;
  margin: 0 auto;
  max-width: 220px;
  padding: 10px 0 0 0;
}

.donate-now .main-content .price-point-zone .h2 {
  font-size: 1.25rem;
  font-weight: 400;
  margin: 30px 0;
}

.donate-now .main-content .price-point-zone .show-hide-appeal.appeal-desc {
  min-height: 0;
}

.donate-now .main-content.full-width .price-point-zone .price-point div span {
  right: 17px;
}

.donate-now .main-content.full-width .price-point-zone p.show-hide-appeal {
  font-size: 1.2em;
}

.donate-now .main-content .impact-zone .impact-zone-container {
  margin: 0 auto;
  max-width: 990px;
  width: 100%;
}

.donate-now .main-content .impact-zone .h2 {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 30px;
}

.donate-now .main-content .impact-zone .impact p .money {
  color: #414244;
  font-size: 1.25rem;
  font-weight: bold;
}

.donate-now .sub ul {
  margin-left: 0;
  line-height: 2.5em;
}

.donate-now .sub ul li {
  background: url("/content/images/bullet-grey.gif") no-repeat scroll 0 50% #fff;
  /* float: left;*/
  display: inline;
  margin-left: 11px;
  padding-left: 15px;
}

.donate-now .sub ul li:first-child {
  background: none;
  margin-left: 0;
  padding-left: 0;
}

.donate-now .sub ul li a {
  color: #0270a4;
  font-size: 1.1em;
}

.donate-now body.IE .form input {
  min-height: 45px;
}

.donate-now body.IE .form input[type="submit"] {
  min-height: auto;
}

.donate-now body.IE .form text-area,
.donate-now body.IE .form textarea {
  min-height: 45px;
}

.donate-now input[type=radio] {
  vertical-align: top;
  margin-top: 9px;
}

.donate-now input[type=radio]+label {
  line-height: 1.5em;
  width: auto;
  margin: 0 0 10px;
  cursor: pointer;
}

.donate-now input[type=radio]+label span {
  width: 13px;
  height: 13px;
  display: block;
  margin: 5px 7px 0 0;
  float: left;
  background: url("/content/images/bkg-forms-input.gif") no-repeat left bottom;
}

.donate-now span.french-dollar+input {
  text-align: right;
}

.donate-now input[type=radio]+label.checked {
  color: #666;
}

.donate-now input[type=radio]+label.checked span {
  background-position: right bottom;
}

.donate-now input[type=radio]:hover+label {
  color: #333;
}

.donate-now input[type=radio]:hover+label span {
  background-position: right bottom;
}

.donate-now input[type=radio]+label {
  padding-top: 5px;
  padding-left: 6px;
  margin: 0 15px 0 0;
  display: inline-block;
  width: 80%;
}

.donate-now input[type=radio]+label span {
  margin: -2px 5px 10px 0;
  background: url("/content/images/bkg-forms-input.gif") no-repeat left top;
  float: left;
}

.donate-now input[type=radio]:hover+label span {
  background-position: right top;
}

.donate-now input[type=radio]:checked+label span {
  background-position: right top;
}

.donate-now .center {
  text-align: center;
}

.donate-site-main .left-column .nav-donate-online {
  display: none;
}

.donate-site-main .left-column .left-column ul.side-nav.border-top,
.donate-site-main .left-column .left-column .row.share-the-love ul.side-nav.tweet,
.row.share-the-love .donate-site-main .left-column .left-column ul.side-nav.tweet,
.donate-site-main .left-column .left-column ul.side-nav.twitter-wrap {
  padding-top: 0px !important;
}

.left-column {
  padding-top: 1px;
}

.left-column ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.left-column ul>li.HighLighted>a+ul {
  padding-bottom: 15px;
  border-bottom: 1px solid #bcbcbc;
}

.left-column ul li {
  background: none;
  list-style: none;
  padding: 0;
}

.left-column ul li.heading {
  color: #666;
  font-size: 0.9em;
  margin: 5px 0 5px 20px;
  text-transform: uppercase;
}

.left-column ul li.HighLighted>ul {
  display: block;
}

.left-column ul li ul {
  display: none;
  margin: 0;
}

.left-column ul li ul li.HighLighted>a ul {
  background: #f6f6f6;
}

.left-column ul li ul li ul {
  margin: 0 0 5px 0;
}

.left-column ul h4 {
  border-bottom: 1px solid #bcbcbc;
  color: #666;
  margin: -5px 0 0 0;
  padding: 0 5px 15px 0;
}

/* Link Styles */
.left-column ul:first-of-type {
  border-top: 1px solid #bcbcbc;
}

.left-column ul a,
.left-column ul span {
  padding: 5px 0;
  display: block;
  text-decoration: none;
}

.left-column ul>li>a,
.left-column ul>li>span {
  font-weight: 600;
  padding: 12px 5px 12px 20px;
  border-bottom: 1px solid #bcbcbc;
  font-size: 1em;
  background: url("/content/images/l2_arrow.png") 10px 18px no-repeat;
}

.left-column ul>li:last-child a {
  border-bottom: none;
}

.left-column ul>li>a:hover {
  background: url("/content/images/l2_arrow_hover_g.png") 10px 17px no-repeat #ff0000;
  color: #fff;
}

.left-column ul>li.HighLighted>a,
.left-column ul>li.HighLighted>span {
  padding: 12px 6px 12px 22px;
  width: 152px;
  color: #fff;
  margin: 0;
  background: url("/content/images/l2_arrow_active.png") 10px 18px no-repeat #ff0000;
}

.left-column ul>li>ul>li>a {
  padding: 4px 10px 4px 30px;
  font-size: 1em;
  color: #666;
  border: none;
  background: url("/content/images/l3_arrow.png") 22px 10px no-repeat;
}

.left-column ul>li>ul>li>a:hover {
  background-color: #ededed;
  color: #000;
}

.left-column ul>li>ul>li>a.selected {
  color: #000;
  font-weight: 600;
}

.left-column ul>li>ul>li.HighLighted>a {
  background: url("/content/images/l3_arrow.png") 22px 10px no-repeat #ededed;
}

.left-column ul>li>ul>li.HighLighted>a.children {
  background: url("/content/images/l3_arrow_active.png") 20px 9px no-repeat #ededed;
}

.left-column ul>li>ul>li.HighLighted>a+ul {
  background: #f5f5f5;
  padding: 5px 0;
}

.left-column ul li ul li ul li.HighLighted a {
  color: #000;
}

.left-column ul li ul li ul li a {
  padding: 3px 10px 3px 40px;
  border: none;
  font-size: 0.9em;
  color: #666;
  font-weight: normal;
}

.left-column ul li ul li ul li a:hover {
  color: #000;
}

.donate-site-footer {
  border-top: 1px solid #e4e4e4;
  padding: 20px 0;
}

.donate-site-footer .donate-footer-nav ul {
  text-align: right;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.donate-site-footer .donate-footer-nav ul li {
  display: inline-block;
  background: none;
  list-style: none !important;
  margin: 0 0 0 10px;
  padding: 0;
}

.donate-site-footer p,
.donate-site-footer li {
  font-size: 0.8125rem;
  color: #222;
  line-height: 1.4;
  margin: 0;
}

.donate-site-footer p.lang {
  width: 100%;
}

.donate-site-footer p.lang a {
  display: block;
  letter-spacing: .5px;
  text-align: center;
}

.donate-site-footer p.lang a:hover {
  color: #be0000;
}

.site-container.desktop {
  min-width: 960px;
}

.site-container.desktop .donate-site-header .logo {
  left: 0;
  top: 45px;
  width: 170px;
}

.site-container.desktop .donate-site-header h1 {
  display: block;
  font-size: 32px;
  left: 188px;
  top: 48px;
}

.site-container.desktop .donate-site-header .contact-us {
  bottom: 0;
  width: 100%;
}

.site-container.desktop .donate-site-header .lang {
  padding-right: 28px;
}

.site-container.desktop .donate-site-main {
  padding-top: 0;
}

.site-container.desktop.left-nav .donate-site-main {
  padding-top: 20px;
}

.site-container.desktop.left-nav .donate-nav {
  display: none;
}

.site-container.desktop.full-width .left-column {
  display: none;
}

.site-container.desktop.full-width .donate-now .learn-more-container-wrap {
  left: 38%;
}

.site-container.desktop.full-width .donate-now .donate-form,
.site-container.desktop.full-width .donate-now .learn-more-container-wrap {
  width: 38%;
}

.site-container.desktop.full-width.alternate .donate-select-nav,
.site-container.desktop.full-width.alternate .donate-price-points-nav {
  display: block;
}

.site-container.desktop.full-width.alternate .select2-container,
.site-container.desktop.full-width.alternate .price-points {
  display: none;
}

.site-container.desktop.full-width.alternate .donate-form {
  width: 60%;
}

.site-container.desktop.full-width.alternate .learn-more-container-wrap {
  left: 60%;
  width: 30%;
}

.site-container.desktop.full-width.alternate .impact-zone p {
  margin: 0 auto;
  max-width: 220px;
  padding: 10px 0 0;
  width: 100%;
}

.site-container.desktop.full-width.alternate .donate-now .main-content .form-container {
  height: auto;
}

.site-container.desktop.full-width.alternate .donate-now .main-content .form-container .btn-submit {
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 1;
  height: 60px;
  margin: 15px 0;
  padding: 12px 36px;
  width: auto;
}

.site-container.desktop.full-width.alternate .donate-now .main-content .form-container .btn-submit i {
  display: inline-block !important;
  position: relative;
  top: -2px;
  left: 3px;
  font-size: 23px;
}

.site-container.desktop p.lang {
  display: none !important;
}

.site-container.tablet .donate-site-header .header-wrap {
  height: 90px;
}

.site-container.tablet .donate-site-header .header-wrap .logo {
  left: 0;
  top: 22px;
}

.site-container.tablet .donate-site-header .header-wrap h1 {
  left: 211px;
  top: 28px;
}

.site-container.tablet .donate-site-header .header-wrap .contact-us {
  bottom: 15px;
}

html[lang="fr"] .site-container.tablet .donate-site-header .header-wrap .contact-us {
  bottom: 21px;
}

@media only screen and (min-width: 951px) {

  .site-container.tablet .donate-site-header .logo,
  .site-container.tablet .donate-site-header h1 {
    top: 55px;
  }

  .site-container.tablet .donate-site-header .logo {
    left: 20px;
    max-width: 220px;
    height: 60px;
  }

  html[lang="fr"] .site-container.tablet .donate-site-header .logo {
    width: 245px;
  }

  .site-container.tablet .donate-site-header h1 {
    top: 80px;
    left: 275px;
  }

  html[lang="fr"] .site-container.tablet .donate-site-header h1 {
    left: 304px;
  }
}

.site-container.tablet .donate-site-header .contact-us {
  bottom: -3px;
  right: 0;
  width: 50%;
}

@media (max-width: 640px) {
  .site-container.tablet .donate-site-header .contact-us {
    bottom: 15px;
    right: 0;
    width: 57px;
  }
}

@media only screen and (max-width: 640px) {
  .site-container.tablet .donate-site-header .contact-us {
    bottom: 25px;
  }
}

@media only screen and (max-width: 640px) {

  .site-container.tablet .donate-site-header .contact-us ul li.intro-title,
  .site-container.tablet .donate-site-header .contact-us ul li.email {
    display: none;
  }

  .site-container.tablet .donate-site-header .contact-us ul li.phone a {
    display: block;
    border: 1px solid #efefef;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    font-size: 40px;
  }

  .site-container.tablet .donate-site-header .contact-us ul li.phone a .fa-phone {
    padding-left: 8px;
    line-height: 48px;
  }

  .site-container.tablet .donate-site-header .contact-us ul li.phone a:hover {
    text-decoration: none;
    border-color: #999;
  }
}

.site-container.tablet .donate-site-main {
  padding-top: 15px;
}

.site-container.tablet p.cta-button {
  position: absolute;
  bottom: 15px;
}

.site-container.tablet p.cta-button .button {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  .site-container.tablet p.cta-button {
    position: static;
  }
}

.site-container.tablet .panel {
  padding-bottom: 60px;
}

@media only screen and (max-width: 640px) {
  .site-container.tablet .panel {
    padding-bottom: 15px;
  }
}

.site-container.tablet .left-column,
.site-container.tablet .topnav {
  display: none !important;
}

@media only screen and (max-width: 640px) {
  .site-container.tablet .donate-site-footer {
    padding: 35px 0 20px;
  }
}

@media only screen and (max-width: 640px) {

  .site-container.tablet .donate-site-footer p,
  .site-container.tablet .donate-site-footer li {
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  .site-container.tablet .donate-site-footer .donate-footer-nav ul {
    text-align: center;
    padding-bottom: 20px;
  }

  .site-container.tablet .donate-site-footer .donate-footer-nav ul li {
    display: block;
    margin: 5px 0;
  }
}

/* //////////////////////// */
/* //////  Select2  /////// */
/* //////////////////////// */
.select2-container {
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  display: inline;
  vertical-align: middle;
}

.select2-container .select2-choice {
  display: block;
  height: 40px;
  padding: 5px;
  overflow: hidden;
  position: relative;
  border: 1px solid #c1c3c5;
  white-space: nowrap;
  line-height: 26px;
  color: #414244;
  text-decoration: none;
  background: #fff;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-container .select2-choice span {
  margin-right: 30px;
  margin-left: 2px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 30px;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-container .select2-choice div {
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #efefef;
}

.select2-container .select2-choice div b {
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff url("/content/images/icon-arrow-down.gif") no-repeat center center;
}

.select2-container.select2-drop-above .select2-choice {
  background: #fff;
  border-bottom-color: #aaa;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  -webkit-box-sizing: border-box;
  /* webkit */
  -khtml-box-sizing: border-box;
  /* konqueror */
  /* firefox */
  -ms-box-sizing: border-box;
  /* ie */
  box-sizing: border-box;
  /* css3 */
}

.select2-drop-mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
  background-color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  /* IE 4-7 */
}

.select2-drop {
  overflow: hidden;
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop li.select2-result {
  height: auto !important;
}

.select2-dropdown-open.select2-container-active div b {
  display: block;
  width: 100%;
  height: 100%;
}

.select2-search {
  display: none;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
  margin: 0;
}

.select2-results ul.select2-result-sub>li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 40px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
  margin: 0 !important;
  padding: 8px !important;
  border-top: 1px solid #efefef;
  color: #666;
  cursor: pointer;
}

.select2-results li.select2-result-with-children>.select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 5px 7px 5px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: #efefef !important;
}

.select2-results .select2-highlighted:active {
  background: #ccc;
  color: #414244;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: white;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}

.select2-results .select2-disabled {
  /* disabled look for disabled choices in the results dropdown */
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 120px;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice div {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

.select2-container.select2-container-disabled .select2-choice .select2-offscreen {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.checkboxes li {
  width: 100%;
}

.checkboxes li .checkbox {
  display: inline-block;
}

.checkboxes li input[type='checkbox'] {
  opacity: 0;
  position: absolute;
}

.checkboxes li input[type='checkbox']+label {
  color: #333;
  cursor: pointer;
  font-size: 15px;
  margin: 0;
  padding-left: 0;
  text-align: left;
  width: 100%;
}

.checkboxes li input[type='checkbox']+label:before {
  background: #fff;
  border: 1px solid #333;
  border-radius: 3px;
  content: '';
  display: inline-block;
  height: 16px;
  margin-right: 7px;
  margin-top: 2px;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
  vertical-align: text-top;
  width: 16px;
}

.checkboxes li input[type='checkbox']:checked+label {
  position: relative;
}

.checkboxes li input[type='checkbox']:checked+label:after {
  background: #ee0000;
  -webkit-box-shadow: 2px 0 0 #ee0000, 4px 0 0 #ee0000, 4px -2px 0 #ee0000, 4px -4px 0 #ee0000, 4px -6px 0 #ee0000, 4px -8px 0 #ee0000;
  box-shadow: 2px 0 0 #ee0000, 4px 0 0 #ee0000, 4px -2px 0 #ee0000, 4px -4px 0 #ee0000, 4px -6px 0 #ee0000, 4px -8px 0 #ee0000;
  content: '';
  height: 2px;
  left: 3px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 2px;
}

.checkboxes li input[type='checkbox']:disabled+label:before {
  border: 1px solid grey;
  opacity: 0.4;
}

.checkboxes li input[type='checkbox']:disabled+label {
  color: #ababab;
  cursor: default;
}

.checkboxes li:hover input[type='checkbox']:enabled+label:before {
  border: 1px solid #ee0000;
}

.checkboxes .tooltip {
  background: none;
  color: #767676;
  height: 8px;
  padding: 0 0 0 5px;
  position: static;
  top: 5px;
  width: 8px;
}

.listing {
  padding-bottom: 1rem;
}

.listing.intro-listing {
  padding-bottom: 0;
}

@media screen and (max-width: 640px) {
  .content .listing .basic-image-container {
    margin-bottom: 10px;
  }

  .content .listing .basic-image-container {
    padding-top: 30px;
  }
}

.listing:first-child.row .border-top,
.listing:first-child.row .row.share-the-love .tweet,
.row.share-the-love .listing:first-child.row .tweet,
.listing:first-child.row .twitter-wrap {
  border: none;
}

.listing.no-borders article {
  border: none !important;
  padding: 2em 0;
}

.listing.no-borders:first-child article {
  padding-top: 0;
}

.listing a:focus p {
  color: #222;
  text-decoration: none;
}

.listing a.listing-block-link {
  display: block;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

@media only screen and (max-width: 640px) {
  .listing a.listing-block-link img {
    max-height: 320px;
    max-width: 100%;
    padding: 0 1rem;
  }
}

.listing a.listing-block-link .h3 {
  line-height: 1.35;
}

.listing a.listing-block-link p,
.listing a.listing-block-link p .date {
  color: #222;
}

.listing .news-byline-date,
.news-byline {
  font-size: .875rem;
  font-weight: 600;
}

.listing a.listing-block-link .cta-link {
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  color: #005670;
  margin-top: 10px;
}

.listing a.listing-block-link .cta-link:hover,
.listing a.listing-block-link .cta-link:focus {
  text-decoration: underline;
}

.listing a.listing-block-link .cta-link span {
  color: #005670;
}

.listing a.listing-block-link .cta-link:hover,
.listing a.listing-block-link .cta-link:focus {
  color: #222;
}

.listing a.listing-block-link .cta-link:hover span,
.listing a.listing-block-link .cta-link:focus span {
  color: #222;
}

.listing a.listing-block-link:hover,
.listing a.listing-block-link:focus {
  color: #222;
  outline: none;
  text-decoration: none;
}

.listing a.listing-block-link:hover .h3,
.listing a.listing-block-link:focus .h3 {
  text-decoration: underline;
}

.listing a.listing-block-link:hover p,
.listing a.listing-block-link:focus p {
  color: #222;
  text-decoration: none;
}

.listing a.listing-block-link:hover span,
.listing a.listing-block-link:focus span {
  color: #222;
}

.listing a.listing-block-link:hover p .date,
.listing a.listing-block-link:focus p .date {
  color: #222;
}

.listing a.listing-block-link:hover img,
.listing a.listing-block-link:focus img {
  opacity: 1;
}

.listing .image-credit {
  font-size: .625rem;
}

@media (min-width: 641px) {
  .listing>.row .preview-image-container {
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 640px) {
  .listing>.row .preview-image-container img {
    max-height: 320px;
    max-width: 100%;
    padding: 0;
  }
}

.listing .h3 {
  font-size: 1.25rem;
  line-height: 1.325;
}

.listing .h3 a {
  color: #222;
  text-decoration: none;
}

.listing .h3 a:hover,
.listing .h3 a:focus {
  color: #222;
  text-decoration: underline;
}

.listing .cta-link {
  display: inline-block;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
  color: #005670;
  margin-top: 10px;
}

.listing .cta-link:hover,
.listing .cta-link:focus {
  text-decoration: underline;
}

.listing .cta-link span {
  color: #005670;
}

.listing p+.cta-link {
  margin-top: 0;
}

.listing .cta-link:hover,
.listing .cta-link:focus,
.listing .cta-link:hover span,
.listing .cta-link:focus span,
.listing .cta:hover .cta-link span,
.listing .cta:focus .cta-link span {
  color: #222;
}

.listing article {
  border-top: 1px solid #d8d8d8;
  padding: 1.5rem 0 1rem;
}

@media(max-width: 640px) {
  .border-top .listing article .ctaImage {
    max-width: 250px;
  }
}

@media(min-width: 641px) {
  .listing article .ctaImage {
    margin-left: -0.9375rem;
  }
}

.listing article .ctaImage {
  margin-left: -0.9375rem;
}

.listing article.full-repeater p {
  margin-bottom: 1rem;
}

.listing article::after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.listing article .ctaImage:hover {
  opacity: 1;
}

@media screen and (max-width:640px) {
  .listing article .ctaImage .basic-image-container {
    margin-bottom: 20px;
  }
}

.listing article p .cta-link,
.listing article p .cta-link a {
  color: #005670;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
}

.listing article p .cta-link span,
.listing article p .cta-link a span {
  color: #005670;
}

.listing article p .cta-link:hover,
.listing article p .cta-link:focus,
.listing article p .cta-link a:hover,
.listing article p .cta-link a:focus,
.listing article p .cta-link a:hover span,
.listing article p .cta-link a:focus span {
  color: #222;
  text-decoration: underline;
}

.listing .h4 {
  margin-bottom: .5rem;
}

.listing:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

@media only screen and (min-width: 951px) {
  .listing .large-4 {
    padding-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .listing .desc {
    padding-left: 0;
  }

  .listing img {
    margin-bottom: 1rem;
  }
}

.listing img:hover {
  opacity: 1;
}

.rich-text .listing .h3 a {
  font-weight: inherit;
}

.listing .rich-text+.medium-cta {
  margin-top: 20px;
}

.border-top .listing article:first-of-type,
.row.share-the-love .tweet .listing article:first-of-type,
.twitter-wrap .listing article:first-of-type {
  border-top: none;
}

.border-top .listing p+article:first-of-type,
.row.share-the-love .tweet .listing p+article:first-of-type,
.twitter-wrap .listing p+article:first-of-type {
  border-top: 1px solid #d8d8d8;
  margin-top: 1rem;
}

.featured-list a {
  display: block;
}

.featured-list a img {
  margin: 0 0 20px 0;
}

#quiz .panel {
  border: none;
}

#quiz .panel p {
  padding: 0px;
}

#quiz .pages {
  display: none;
}

#quiz .pages .option input,
#quiz .pages .option label {
  cursor: pointer;
}

#quiz #thankyou {
  display: none;
}

#quiz .hide {
  display: none;
}

#quiz .option>div label {
  line-height: 23px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
  #quiz .option>div input {
    float: left;
    margin-top: 5px;
  }

  #quiz .option>div label {
    width: 80%;
    float: left;
  }
}

@media (min-width: 641px) and (max-width: 951px) {
  #quiz .option>div input {
    float: left;
    margin-top: 5px;
  }

  #quiz .option>div label {
    width: 90%;
    float: left;
    text-align: left;
  }
}

.incorrect {
  border: 1px solid red;
  background: #FFDEDE;
  padding: 5px;
  margin-bottom: 10px;
}

.incorrect input[type="file"],
.incorrect input[type="checkbox"],
.incorrect input[type="radio"],
.incorrect select {
  margin-bottom: 0;
}

.correct {
  border: 1px solid #44AB00;
  background: url(/content/images/correct.png) no-repeat 98% 50% #f3fff3;
  padding: 5px;
  margin-bottom: 10px;
}

.correct input[type="file"],
.correct input[type="checkbox"],
.correct input[type="radio"],
.correct select {
  margin-bottom: 0;
}

.rich-text a {
  color: #005670;
  font-weight: inherit;
}

.rich-text a span {
  color: #005670;
}

.rich-text a :hover,
.rich-text a :focus {
  color: #222;
}

.rich-text a :hover span,
.rich-text a :focus span {
  color: #222;
}

.rich-text a :hover,
.rich-text a :focus {
  color: #222;
}

.rich-text a :hover span,
.rich-text a :focus span {
  color: #222;
}

.rich-text a.sm-cta img {
  margin-left: 0;
  margin-top: 4px;
}

.rich-text h2:focus,
.rich-text h3:focus,
.rich-text h4:focus,
.rich-text h5:focus {
  outline: none;
}

.rich-text img {
  height: auto !important;
  margin: 10px 0;
  max-width: 100%;
}

.rich-text figure.basic-image-container {
  margin: 0 0 1rem;
}

.rich-text figure.basic-image-container img {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
}

.rich-text>.imgLeft,
.rich-text>.imgRight {
  display: block;
  margin: 0 auto;
  max-width: 250px;
  padding: 15px;
}

@media only screen and (max-width: 640px) {
  .rich-text img {
    display: inherit;
    float: none !important;
    margin: 0 auto !important;
    padding: 10px !important;
  }

  .rich-text>.imgLeft,
  .rich-text>.imgRight {
    padding: 0 15px 0 0;
  }

  .rich-text>.imgLeft .basic-image-container,
  .rich-text>.imgRight .basic-image-container {
    margin: 0 -15px 15px 0;
    max-width: 250px;
    width: 100%;
  }

  .rich-text>.imgLeft .basic-image-container .basic-image-credit,
  .rich-text>.imgRight .basic-image-container .basic-image-credit {
    background: #fff;
    color: #222;
    left: 0;
    top: 0;
    padding: 5px 15px 5px 0;
    position: relative;
  }

  .rich-text>.imgLeft .image-with-caption,
  .rich-text>.imgRight .image-with-caption {
    display: block;
    max-width: inherit !important;
    text-align: center;
    width: auto !important;
  }
}

@media only screen and (min-width: 641px) {

  .rich-text>.imgLeft .basic-image-container .basic-image-credit,
  .rich-text>.imgRight .basic-image-container .basic-image-credit {
    background: #fff;
    color: #222;
    left: 0;
    top: 0;
    padding: 5px 15px 5px 0;
    position: relative;
  }
}

.rich-text>.imgLeft .image-with-caption.imgLeft,
.rich-text>.imgLeft .image-with-caption.imgRight,
.rich-text>.imgRight .image-with-caption.imgLeft,
.rich-text>.imgRight .image-with-caption.imgRight {
  max-width: inherit;
  width: inherit;
}

.rich-text>.imgLeft .image-with-caption p,
.rich-text>.imgRight .image-with-caption p {
  color: #767676;
  display: inline-block;
  font-size: .75rem;
  line-height: 1.3;
  margin: 5px 0;
  max-width: 450px;
}

.rich-text>.imgLeft img,
.rich-text>.imgRight img {
  height: auto !important;
  margin: 0;
  max-width: 100%;
  padding: 0 !important;
}

@media only screen and (max-width: 640px) {

  .rich-text>.imgLeft img,
  .rich-text>.imgRight img {
    max-height: 320px;
    padding: 0 !important;
  }
}

@media (min-width: 641px) {
  .rich-text .imgLeft {
    float: left;
    padding: 0 15px 15px 0;
  }
}

.rich-text .imgLeft>.imgLeft {
  padding: 0;
}

@media (min-width: 641px) {
  .rich-text .imgRight {
    float: right;
    padding: 0 0 15px 15px;
  }
}

.rich-text .imgRight>.imgRight {
  padding: 0;
}

.rich-text table img {
  margin: 0 auto;
}

.rich-text table a:hover {
  font-weight: 400;
}

.rich-text table.table-3 td,
.rich-text table.table-3 th {
  white-space: normal;
  width: 30% !important;
}

.rich-text ul.no-bullets li {
  list-style: none;
}

.rich-text ul.two-col li {
  float: left;
  width: 45%;
}

.rich-text ul.two-col li:nth-child(odd) {
  margin-right: 45px;
}

.rich-text ul.two-col li img {
  margin-left: 0;
  padding-left: 0;
}

.rich-text ul.two-col li p {
  display: block;
}

.rich-text ul.three-col li {
  float: left;
  width: 30%;
}

.rich-text ul.three-col li:nth-child(3n+3) {
  margin-right: 20px;
}

.rich-text ul.three-col li img {
  margin-left: 0;
  padding-left: 0;
}

.rich-text ul.three-col li p {
  display: block;
}

.video-player {
  margin: 12px 0;
  padding: 0;
}

@media (min-width: 951px) {
  .video-player {
    margin: 12px 0 0;
    padding-right: 30px;
  }
}

.video-summary {
  padding: 15px 0 0;
}

@media (min-width: 951px) {
  .video-summary {
    margin-bottom: 15px;
    margin-top: 12px;
    padding-top: 0;
  }
}

.video-summary .h4 {
  margin-bottom: .5rem;
}

.video-summary p:last-of-type {
  margin-bottom: 0;
}

.video-summary p a:hover,
.video-summary p a:focus {
  outline: none;
  text-decoration: underline;
}

.video-info {
  padding: 15px 0 0;
}

@media (min-width: 951px) {
  .video-info {
    margin-bottom: 15px;
    padding-top: 0;
  }
}

.video-info p {
  margin-bottom: 0;
}

.video-tags {
  margin: 0 0 15px;
  padding: 15px 0 0;
}

@media (min-width: 951px) {
  .video-tags {
    padding-top: 0;
  }
}

.video-tags span.tags {
  padding-right: 7px;
}

.video-tags span.tags a {
  color: #005670;
  font-weight: 400;
  line-height: 1.25;
  position: relative;
  text-decoration: underline;
}

.video-tags span.tags a span {
  line-height: 14px;
}

.video-tags span.tags a::after {
  bottom: 1px;
  color: #222;
  content: ",";
  line-height: 14px;
  position: absolute;
  right: -4px;
}

.video-tags span.tags a:hover,
.video-tags span.tags a:focus {
  color: #222;
  outline: none;
  text-decoration: underline;
}

.video-tags span.tags:last-of-type a::after {
  content: "";
}

.transcript-container .transcript-item {
  padding-top: 15px;
}

.transcript-container .transcript-item .transcript-button {
  background: none;
  border: 0;
  color: #005670;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

.transcript-container .transcript-item .transcript-button:hover,
.transcript-container .transcript-item .transcript-button:focus {
  background: none;
  border: 0;
  color: #222;
}

.transcript-container .transcript-item .transcript-text {
  display: none;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.transcript-container .transcript-item .transcript-text.show-transcript {
  display: block;
  height: initial;
  opacity: 1;
}

.transcript {
  padding-bottom: 30px;
}

.transcript-content {
  display: none;
  padding-top: 15px;
}

.hide-text {
  display: none;
}

.transcript-text {
  display: none;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.show-transcript {
  display: block;
  height: initial;
  opacity: 1;
}

.transcript-button {
  background: none;
  border: 0;
  color: #005670;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

.transcript-button:hover,
.transcript-button:focus {
  background: none;
  border: 0;
  color: #222;
}

.media-item .video-preview-container,
.related-videos .video-preview-container {
  padding: 0;
}

.media-item .video-preview-container .video-preview-container-information,
.related-videos .video-preview-container .video-preview-container-information {
  padding: 15px;
}

.media-item .video-preview-container .video-preview-container-information .h3,
.related-videos .video-preview-container .video-preview-container-information .h3 {
  line-height: 1.375;
}

.media-item .video-preview-container .video-preview-container-information .h3 a,
.related-videos .video-preview-container .video-preview-container-information .h3 a {
  color: #222;
  font-weight: 600;
  text-decoration: none;
}

.media-item .video-preview-container .video-preview-container-information .h3 a:hover,
.media-item .video-preview-container .video-preview-container-information .h3 a:focus,
.related-videos .video-preview-container .video-preview-container-information .h3 a:hover,
.related-videos .video-preview-container .video-preview-container-information .h3 a:focus {
  color: #222;
  outline: none;
  text-decoration: underline;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx {
  border-top: 0;
  padding: 0;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag>div,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag>div {
  border-top: 1px solid #d8d8d8;
  padding: 10px 15px;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag .CMS-CRC-src-scss-components-multimedia-media-item__tag-title--qRDgU,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag .CMS-CRC-src-scss-components-multimedia-media-item__tag-title--qRDgU {
  font-size: .8125rem;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul {
  line-height: 14px;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li {
  display: inline;
  line-height: 14px;
  margin-right: 0;
  padding-right: 6px;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a {
  display: inline;
  line-height: 14px;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a span,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a span {
  color: #005670;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 14px;
  padding-right: 0;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a:hover span,
.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a:focus span,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a:hover span,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a:focus span {
  color: #222;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li::after,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li::after {
  color: #222;
  content: ",";
  line-height: 14px;
  position: absolute;
  bottom: 0;
  right: inherit;
  top: inherit;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li:last-of-type::after,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li:last-of-type::after {
  content: "";
}

.related-videos {
  padding: 0;
}

@media (min-width: 951px) {
  .related-videos .CMS-CRC-src-containers-related-items-container-style__related-list--1cm39 {
    margin: 0 -7px;
  }
}

@media (min-width: 951px) {
  .related-videos .CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5.CMS-CRC-src-scss-components-multimedia-media-item__wrapper--3qyHC {
    padding: 0 7px;
  }
}

@media (min-width: 951px) {
  .related-videos .CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5 .video-preview-container .video-preview-container-information {
    padding: 10px;
  }
}

.related-videos .CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5 .video-preview-container .video-preview-container-tag>div {
  padding: 10px;
}

/* Tax Calculator - inherited from 2013*/
.tax-calculator {
  margin: 0 auto;
  max-width: 800px;
  min-height: 400px;
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .tax-calculator {
    padding: 30px 20px 0;
  }
}

.tax-calculator .calculate-tax-intro {
  padding-bottom: 30px !important;
}

.tax-calculator .calculate-tax-intro .h1 {
  border-bottom: 1px solid #d8d8d8;
  font-weight: 400;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
}

.tax-calculator .calculate-tax-intro p {
  max-width: 750px;
}

.tax-calculator .tax-credit-info aside {
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
  display: block;
  margin-top: 20px;
  padding: 10px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 768px) {
  .tax-calculator .tax-credit-info aside {
    margin-top: 25px;
  }
}

@media (min-width: 641px) {
  .tax-calculator .tax-credit-info aside {
    float: right;
    max-width: 360px;
  }
}

.tax-calculator .tax-credit-info aside .h4 {
  border-bottom: 1px solid #333;
  font-size: .875rem;
  font-weight: 700;
  margin-bottom: 0;
  padding: 6px 0 10px;
  text-transform: uppercase;
}

.tax-calculator .tax-credit-info aside dl {
  display: block;
  font-size: .875rem;
  margin-bottom: 0;
  overflow: hidden;
  width: 100%;
}

.tax-calculator .tax-credit-info aside dl:first-of-type {
  padding-top: 10px;
}

.tax-calculator .tax-credit-info aside dl.top-border {
  margin: 0;
}

.tax-calculator .tax-credit-info aside dl.top-border dd {
  color: #ee0000;
}

.tax-calculator .tax-credit-info aside dt {
  float: left;
  font-weight: 400;
  margin-bottom: 0;
  width: 60%;
}

.tax-calculator .tax-credit-info aside dd {
  float: right;
  font-weight: 700;
  margin-bottom: 0;
  text-align: right;
  width: 35%;
}

.tax-calculator label {
  color: #222;
  cursor: pointer;
  display: block;
  font-size: .875rem;
  font-weight: 400;
  margin-bottom: 3px;
  text-align: left;
}

.tax-calculator input[type=text] {
  border-color: #c3c3c3;
  color: #ee0000;
  font-size: 25px;
  font-weight: 700;
  display: block;
  margin-bottom: 18px;
  max-width: 360px;
  width: 100%;
}

.tax-calculator input[type=text]:hover,
.tax-calculator input[type=text]:focus {
  background-color: #fff;
  border: 1px solid #333;
}

.tax-calculator input[type=button] {
  font-size: .875rem;
  padding: 12px 20px;
}

.tax-calculator select {
  background-color: #fff;
  border-color: #c3c3c3;
  border-radius: 3px;
  color: #222;
  display: block;
  margin-bottom: 35px;
  max-width: 360px;
  width: 100%;
}

.tax-calculator select:hover {
  background-color: #fff;
  border: 1px solid #222;
}

.tax-calculator .radio-buttons-container {
  clear: both;
  display: block;
}

.tax-calculator .donate-now {
  color: #222;
  margin: 30px auto 0;
  padding: 20px 15px 0;
  text-align: center;
}

@media (min-width: 641px) {
  .tax-calculator .donate-now {
    padding: 30px 30px 0;
  }
}

.tax-calculator .donate-now p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 auto 10px;
  max-width: 735px;
  text-align: center;
}

@media (min-width: 641px) {
  .tax-calculator .donate-now p {
    font-size: 1.25rem;
  }
}

.tax-calculator .donate-now>a {
  display: inline-block;
  font-size: .875rem;
  margin: 15px auto 0;
  padding: 12px 20px;
}

.tax-calculator .donate-now>a:after {
  background-image: none;
}

.tax-calculator .footnote {
  border-top: 1px solid #d8d8d8;
  margin-top: 30px;
  padding-top: 30px;
}

.tax-calculator .footnote p {
  font-size: .75rem;
}

.tax-calculator .footnote p a {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.tax-calculator .footnote p a:hover,
.tax-calculator .footnote p a:focus {
  color: #ee0000;
}

label[for="donation-amount-2013"] {
  position: relative;
}

label[for="donation-amount-2013"]:before {
  content: '$';
  left: 8px;
  position: absolute;
  top: 34px;
}

html[lang="fr"] label[for="donation-amount-2013"]:before {
  left: inherit;
  right: 35px;
}

label[for="donation-amount-2013"]+input[type="text"] {
  padding-left: 20px;
}

html[lang="fr"] label[for="donation-amount-2013"]+input[type="text"] {
  padding: 8px 20px 8px 8px;
}

/*************************/
/* //  Tax Calculator // */
/*************************/
.tax-calc .tax-calc-container {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .tax-calc .tax-calc-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
  }
}

.tax-calc .tax-calc-container .tax-calc-input {
  margin-top: 5px;
}

.tax-calc .tax-calc-container .tax-calc-input:before {
  content: '$';
}

.tax-calc .tax-calc-container #taxCalcProvince {
  border: 1px solid #d8d8d8;
  font-size: 14px;
  padding: 13px 10px;
  width: 100%;
}

.tax-calc .tax-calc-container .tax-calc-field-amount {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .tax-calc .tax-calc-container .tax-calc-field-amount {
    margin-top: 28px;
  }
}

.tax-calc .tax-calc-container .tax-calc-field-amount .tax-calc-input {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  padding: 3px 8px;
}

body.ENCA .tax-calc .tax-calc-container .tax-calc-field-amount .tax-calc-input::before {
  content: '$';
}

html[lang="fr"] .tax-calc .tax-calc-container .tax-calc-field-amount .tax-calc-input::after {
  content: '$';
}

.tax-calc .tax-calc-container #taxCalcAmount {
  border: 0;
  border-radius: 2px;
  color: #ee0000;
  font-size: 25px;
  outline: 0;
  padding: 0 5px;
  width: 100%;
}

.tax-calc .tax-calc-container .tax-calc-button-container {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .tax-calc .tax-calc-container .tax-calc-button-container {
    margin-top: 30px;
  }
}

.tax-calc .tax-calc-container #taxCalcButton {
  background: #fff;
  border: 1px solid #ee0000;
  border-radius: 6px;
  color: #ee0000;
  cursor: pointer;
  font-weight: 700;
  padding: 10px 24px;
  text-transform: uppercase;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

.tax-calc .tax-calc-container #taxCalcButton:hover,
.tax-calc .tax-calc-container #taxCalcButton:focus {
  background: #ee0000;
  color: #fff;
}

.tax-calc .tax-calc-container .tax-calc-results-title {
  border-bottom: 1px solid #333;
  font-weight: 700;
  padding: 5px 0 10px;
  text-transform: uppercase;
}

.tax-calc .tax-calc-container .tax-calc-results-wrapper {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr auto;
  margin-top: 10px;
}

.tax-calc .tax-calc-container .tax-calc-result-value {
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

body.ENCA .tax-calc .tax-calc-container .tax-calc-result-value::before {
  content: '$';
}

html[lang="fr"] .tax-calc .tax-calc-container .tax-calc-result-value::after {
  content: '$';
}

.tax-calc .tax-calc-container .tax-calc-result-value-total {
  color: #ee0000;
}

.tax-calc .inner-container {
  background-color: #f7f7f7;
  background-image: url("/crc/img/campaign/2023_tax/Clocks.png");
  padding: 30px 20px 20px;
}

@media (min-width: 768px) {
  .tax-calc .inner-container {
    padding: 40px 40px;
  }
}

@media (min-width: 1024px) {
  .tax-calc .inner-container {
    margin: 0 9px;
    padding: 40px 115px;
  }
}

.tax-calc .tax-calc-pre-text {
  text-align: center;
}

.tax-calc .tax-calc-pre-text .content-item-title {
  font-size: 22px;
}

@media (min-width: 768px) {
  .tax-calc .tax-calc-pre-text .content-item-title {
    font-size: 30px;
  }
}

.tax-calc .tax-calc-pre-text .content-item-description {
  margin-top: 20px;
}

@media (max-width: 950px) {
  .site-footer>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.site-footer ul.footer-links {
  margin-bottom: 0;
}

.site-footer ul.footer-links li {
  line-height: 1.125;
  list-style-type: none;
  padding: 6px 0;
}

.site-footer ul.footer-links li a {
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.site-footer ul.footer-links li a:hover,
.site-footer ul.footer-links li a:focus {
  color: #c3c3c3;
  outline: none;
  text-decoration: underline;
}

.site-footer .language-switch {
  border-bottom: 1px solid transparent;
  color: #fff;
}

.site-footer .language-switch .has-tip {
  color: #c3c3c3;
  font-size: 0.8125rem;
  padding: 5px;
  text-decoration: line-through;
}

.site-footer .language-switch .has-tip:hover,
.site-footer .language-switch .has-tip:focus {
  border-bottom: 1px dotted #fff;
  color: #c3c3c3;
  outline: none;
}

@media (max-width: 950px) {

  .site-footer ul.footer-links li a,
  .site-footer .language-switch .has-tip {
    display: block;
    padding: 10px 0;
  }
}

.site-footer .footer-bg {
  background: #333;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2rem 0 69px !important;
  margin-top: 50px;
}

.site-footer .sitemap-footer-container,
.site-footer .footer-social,
.site-footer .sitemap-footer-links-container,
.site-footer .footer-copyright {
  margin: 40px 0;
  padding: 0 9px;
}

.site-footer .sitemap-footer-container {
  margin-top: 0;
}

@media (min-width: 768px) {
  .site-footer .sitemap-footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 950px) {
  .site-footer .sitemap-footer-container {
    margin: 0 auto 20px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 15%;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .site-footer .sitemap-footer-container>div {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .site-footer .sitemap-footer-container>div {
    margin-bottom: 40px;
    padding: 0 20px 0 0;
    width: 50%;
  }

  .site-footer .sitemap-footer-container>div:last-of-type {
    margin-bottom: 0;
    padding-right: 0;
  }
}

@media (min-width: 951px) {
  .site-footer .sitemap-footer-container>div {
    margin-bottom: 0;
    width: 25%;
  }
}

.site-footer .sitemap-footer-container .sitemap-footer-heading a {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .site-footer .sitemap-footer-container .sitemap-footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.site-footer .sitemap-footer-container .sitemap-footer-links>li {
  padding-right: 20px;
}

@media (min-width: 641px) and (max-width: 950px) {
  .site-footer .sitemap-footer-container .sitemap-footer-links>li {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .site-footer .sitemap-footer-container .sitemap-footer-links>li {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

.site-footer .footer-social>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 420px;
}

@media (max-width: 500px) {
  .site-footer .footer-social>ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto -40px;
    max-width: 100%;
  }
}

.site-footer .footer-social>ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 15px;
}

@media (max-width: 500px) {
  .site-footer .footer-social>ul li {
    margin: 0 0 40px 0;
    text-align: center;
    width: 33.33%;
  }
}

.site-footer .footer-social a {
  display: inline-block;
  height: 40px;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
  width: 40px;
}

@media (min-width: 768px) {
  .site-footer .footer-social a {
    height: 32px;
    width: 32px;
  }
}

.site-footer .footer-social a:hover,
.site-footer .footer-social a:focus {
  outline: none;
}

.site-footer .footer-social a:hover .social_facebook,
.site-footer .footer-social a:focus .social_facebook {
  background-color: #3b5998;
}

.site-footer .footer-social a:hover .social_facebook .grey,
.site-footer .footer-social a:focus .social_facebook .grey {
  fill: #fff;
}

.site-footer .footer-social a:hover .social_twitter,
.site-footer .footer-social a:focus .social_twitter {
  background-color: #1d9bf0;
}

.site-footer .footer-social a:hover .social_twitter .grey,
.site-footer .footer-social a:focus .social_twitter .grey {
  fill: #fff;
}

.site-footer .footer-social a:hover .social_bluesky,
.site-footer .footer-social a:focus .social_bluesky {
  background-color: #1185fe;
}

.site-footer .footer-social a:hover .social_bluesky .grey,
.site-footer .footer-social a:focus .social_bluesky .grey {
  fill: #fff;
}

.site-footer .footer-social a:hover .social_instagram,
.site-footer .footer-social a:focus .social_instagram {
  background-color: #f77737;
}

.site-footer .footer-social a:hover .social_instagram .grey,
.site-footer .footer-social a:focus .social_instagram .grey {
  fill: #fff;
}

.site-footer .footer-social a:hover .social_linkedin,
.site-footer .footer-social a:focus .social_linkedin {
  background-color: #2668b2;
}

.site-footer .footer-social a:hover .social_linkedin .grey,
.site-footer .footer-social a:focus .social_linkedin .grey {
  fill: #fff;
}

.site-footer .footer-social a:hover .social_youtube,
.site-footer .footer-social a:focus .social_youtube {
  background-color: #ff0000;
}

.site-footer .footer-social a:hover .social_youtube .grey,
.site-footer .footer-social a:focus .social_youtube .grey {
  fill: #fff;
}

.site-footer .footer-social a:hover .social_tiktok,
.site-footer .footer-social a:focus .social_tiktok {
  background-color: #FE2C55;
}

.site-footer .footer-social a:hover .social_tiktok .grey,
.site-footer .footer-social a:focus .social_tiktok .grey {
  fill: #fff;
}

.site-footer .footer-social a .svg-wrapper.twitter,
.site-footer .footer-social a .svg-wrapper.bluesky,
.site-footer .footer-social a .svg-wrapper.facebook,
.site-footer .footer-social a .svg-wrapper.instagram,
.site-footer .footer-social a .svg-wrapper.linkedin,
.site-footer .footer-social a .svg-wrapper.youtube,
.site-footer .footer-social a .svg-wrapper.tiktok {
  height: 40px;
  width: 40px;
}

@media (min-width: 768px) {

  .site-footer .footer-social a .svg-wrapper.twitter,
  .site-footer .footer-social a .svg-wrapper.bluesky,
  .site-footer .footer-social a .svg-wrapper.facebook,
  .site-footer .footer-social a .svg-wrapper.instagram,
  .site-footer .footer-social a .svg-wrapper.linkedin,
  .site-footer .footer-social a .svg-wrapper.youtube,
  .site-footer .footer-social a .svg-wrapper.tiktok {
    height: 32px;
    width: 32px;
  }
}

.site-footer .footer-social a svg {
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.site-footer .footer-social a svg .grey {
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.site-footer .footer-social a svg.social_twitter {
  padding: 7px;
}

@media (max-width: 950px) {
  .site-footer .sitemap-footer-links-container {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media (min-width: 951px) {
  .site-footer .sitemap-footer-links-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 951px) {
  .site-footer .sitemap-footer-links-container>.footer-links-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.site-footer .sitemap-footer-links-container>.footer-links-container .footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}

@media (min-width: 768px) and (max-width: 950px) {
  .site-footer .sitemap-footer-links-container>.footer-links-container .footer-links {
    margin: 0 auto;
    padding-left: 15%;
    width: 80%;
  }
}

@media (min-width: 951px) {
  .site-footer .sitemap-footer-links-container>.footer-links-container .footer-links {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.site-footer .sitemap-footer-links-container>.footer-links-container .footer-links.language-switch-link {
  display: inline-block;
}

@media (min-width: 768px) and (max-width: 950px) {
  .site-footer .sitemap-footer-links-container>.footer-links-container .footer-links.language-switch-link li {
    margin-left: 15%;
    width: 50%;
  }
}

@media (max-width: 950px) {
  .site-footer .sitemap-footer-links-container>.footer-links-container .footer-links li {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    padding-right: 20px;
  }
}

@media (min-width: 951px) {
  .site-footer .sitemap-footer-links-container>.footer-links-container .footer-links li {
    width: inherit;
  }

  .site-footer .sitemap-footer-links-container>.footer-links-container .footer-links li::after {
    color: #fff;
    content: '|';
    display: inline-block;
    font-size: 0.625rem;
    line-height: 1;
    padding: 0 2px;
  }

  .site-footer .sitemap-footer-links-container>.footer-links-container .footer-links li:last-of-type::after {
    display: none;
  }

  .site-footer .sitemap-footer-links-container>.footer-links-container .footer-links li a {
    padding: 5px;
  }
}

@media (max-width: 950px) {
  .site-footer .footer-copyright {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}

.site-footer .footer-copyright p {
  color: #c3c3c3;
  font-size: 0.8125rem;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}

.site-footer .footer-copyright p .br {
  display: inline-block;
}

@media (max-width: 951px) {
  .site-footer .footer-copyright p .br:last-of-type {
    display: block;
  }
}

/* Default Newsletter Signup */
@media (min-width: 768px) {
  .newsletter-container {
    margin: 50px auto;
  }
}

.newsletter-container .donate-email-signup-bg {
  background-color: #f7f7f7;
  padding: 30px 25px;
}

.newsletter-container .h1,
.newsletter-container .h3 {
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1.25;
}

@media(max-width: 413px) {

  .newsletter-container .h1,
  .newsletter-container .h3 {
    font-size: 1.625rem;
  }
}

.newsletter-container label {
  color: #222;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 5px;
  text-align: left;
}

.newsletter-container input[type="text"] {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  box-shadow: none;
  margin-bottom: 0;
  outline: none;
}

.newsletter-container input[type="text"]:hover {
  background-color: #fff;
  border: 1px solid #333;
}

.newsletter-container input[type="text"]:focus {
  background-color: #f9f9f9;
  border: 1px solid #333;
}

.newsletter-container .error-group {
  height: 31px;
  padding: 4px 0 5px;
}

.newsletter-container .flex.input-lower {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 951px) {
  .newsletter-container .flex.input-lower {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  html[lang="fr"] .newsletter-container .email-signup .large-5,
  html[lang="fr"] .newsletter-container .email-signup .large-7 {
    width: 50%;
  }

  .newsletter-container .email-signup .large-5,
  .newsletter-container .email-signup .large-7 {
    align-self: flex-end;
  }

  .signup .h3+p,
  .signup .h1+p {
    margin-bottom: 0;
  }
}

.newsletter-container .flex.input-lower .button-wrapper {
  width: 100%;
}

@media (min-width: 768px) {
  .newsletter-container .flex.input-lower .button-wrapper {
    width: inherit;
  }
}

@media (min-width: 768px) {
  .newsletter-container .flex.input-lower .button-wrapper .button {
    margin-bottom: 0;
    max-width: 200px;
  }

  html[lang="fr"] .newsletter-container .flex.input-lower .button-wrapper .button {
    width: 170px;
  }
}

.newsletter-container p {
  font-size: 0.875rem;
}

.newsletter-container .flex.input-lower .bottom-cta-privacy p {
  font-size: 0.75rem;
  margin-bottom: 5px;
  text-align: left;
}

@media (min-width: 768px) {
  .newsletter-container .flex.input-lower .bottom-cta-privacy p {
    margin-top: 20px;
  }
}

@media (min-width: 951px) {
  .newsletter-container .flex.input-lower .bottom-cta-privacy p {
    margin: 0;
    padding-left: 30px;
    text-align: right;
  }
}

.newsletter-container .flex.input-lower .bottom-cta-privacy .link {
  color: #222;
  font-weight: 400;
  text-decoration: underline;
}

.newsletter-container .flex.input-lower .bottom-cta-privacy .link:hover,
.newsletter-container .flex.input-lower .bottom-cta-privacy .link:focus {
  color: #005670;
}

.newsletter-container .email-thankyou {
  display: block;
  padding: 5px 0.9375rem;
  text-align: center;
}

.newsletter-container .email-thankyou .svg-wrapper {
  height: 45px;
  margin: 0 auto 15px;
  width: 45px;
}

.newsletter-container .email-thankyou h3::before .svg-wrapper {
  background-image: url("/content/icons/new-subscriber-icon-222.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 32px;
  left: -45px;
  position: absolute;
  top: -2px;
  width: 32px;
}

.newsletter-container .email-thankyou p {
  margin: 20px 0 0;
  width: 100%;
}

.newsletter-container .svg-wrapper {
  display: inline-block;
}

/* Active Responses - Newsletter Signup */
.donate-main .newsletter-container {
  margin: 30px 20px;
  max-width: 1092px;
}

.donate-main .newsletter-container .donate-email-signup-bg {
  padding: 20px 15px;
}

@media (min-width: 768px) {
  .donate-main .newsletter-container {
    margin: 50px auto;
    padding: 0 20px;
  }
}

/* Join Us page - Newsletter Signup */
.columns.newsletter-page-image {
  max-width: 400px;
}

.columns.newsletter-page-image,
.columns.newsletter-page-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.columns.newsletter-page-form {
  margin-top: 20px;
}

.join-us-and-stay-informed .newsletter-container {
  margin: 0 auto 50px;
  max-width: 100%;
}

.join-us-and-stay-informed .newsletter-container .image-credit {
  font-size: 10px;
  padding-top: 3px;
}

.join-us-and-stay-informed #crcPageTitle {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 0;
  margin-top: 1rem;
  padding-bottom: .5rem;
}

.join-us-and-stay-informed .newsletter-container .donate-email-signup-bg {
  background-color: #fff;
  padding: 0;
}

@media (min-width: 951px) {
  .join-us-and-stay-informed .newsletter-container {
    margin: 0 auto 50px;
  }

  .columns.newsletter-page-form {
    margin-top: 0;
    width: calc(100% - 400px);
  }

  .newsletter-container .columns.newsletter-page-form .flex.input-lower .bottom-cta-privacy p {
    padding-left: 10px;
  }
}

@media (min-width: 641px) {
  .vr {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.vr.large-3 {
  padding-top: 0;
}

.vr section.vr-home {
  border-top: none;
  padding-top: 0 !important;
}

@media (min-width: 641px) {
  .vr section.vr-home {
    border-top: 1px solid #d8d8d8 !important;
    padding-top: 16px !important;
  }
}

.vr .vr-image {
  padding-bottom: 1rem;
}

@media (min-width: 641px) {
  .vr .vr-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-right: 20px;
    padding-bottom: 0;
  }
}

@media (min-width: 641px) and (min-width: 1175px) {
  .vr .vr-image {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}

.vr .vr-image img {
  width: 100%;
}

@media (min-width: 1175px) {
  .vr .vr-cta .vr-image img {
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 230px;
  }
}

.vr .h1,
.vr .h2,
.vr .h3,
.vr .h4 {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}

.vr .h1 {
  font-size: 1.5625rem;
}

.vr .h2 {
  font-size: 1.25rem;
}

.vr .h3 {
  font-size: 1.125rem;
}

.vr .h4 {
  font-size: 1rem;
}

.vr p.h3 {
  line-height: 1.5;
  margin-bottom: 0;
}

.vr strong,
.vr .bold {
  font-weight: 700;
}

.vr ul {
  padding-bottom: 0;
  margin-bottom: 1.5rem;
}

.vr ul li {
  list-style-image: none;
  list-style-type: disc;
  margin-bottom: 1rem;
  padding: 0;
}

.vr .rich-text p {
  margin-bottom: 1rem;
}

.vr .rich-text a {
  color: #005670;
}

.vr .rich-text a span {
  color: #005670;
}

.vr .rich-text a:hover,
.vr .rich-text a:focus {
  color: #222;
}

.vr .rich-text a:hover span,
.vr .rich-text a:focus span {
  color: #222;
}

.vr .rich-text blockquote {
  background-color: #f7f7f7;
  border-left: 5px solid #007fa5;
  margin: 0 0 1.5rem 0;
  padding: 20px;
}

.vr .rich-text blockquote a {
  color: #005670;
  font-weight: 600;
}

.vr .rich-text blockquote p {
  color: #222;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  padding-left: 5px;
  text-indent: 10px;
}

@media (min-width: 951px) {
  .vr .rich-text blockquote p {
    font-size: 1.125rem;
  }
}

.vr .rich-text blockquote p::before,
.vr .rich-text blockquote p::after {
  font-size: 2rem;
  line-height: 0;
}

.vr .rich-text blockquote p::before {
  content: '\201C';
  margin-left: -26px;
  padding-right: 3px;
}

html[lang="fr"] .vr .rich-text blockquote p::before {
  content: '\AB';
  margin-left: -31px;
}

.vr .rich-text blockquote p::after {
  content: '';
  padding-left: 5px;
}

.vr .rich-text blockquote footer {
  color: #222;
  font-size: 0.8125rem;
  font-weight: 600;
  margin-top: 10px;
  padding-left: 5px;
}

@media (min-width: 951px) {
  .vr .rich-text blockquote footer {
    font-size: 0.875rem;
  }
}

.vr .rich-text blockquote footer::before {
  content: '\2014   ';
}

.vr .rich-text *+blockquote {
  margin-top: 2rem;
}

.vr .rich-text .two-columns {
  margin: 40px 0;
}

@media (min-width: 641px) {
  .vr .rich-text .two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px -15px;
  }
}

.vr .rich-text .two-columns>div {
  margin-bottom: 20px;
}

@media (min-width: 641px) {
  .vr .rich-text .two-columns>div {
    margin-bottom: 0;
    width: 50%;
  }
}

@media (min-width: 641px) {
  .vr .rich-text .two-columns>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding: 0 15px;
  }
}

.vr .rich-text .two-columns ul {
  margin-bottom: 0;
  padding-left: 10px;
}

.vr .rich-text .two-columns ul li {
  line-height: 1.5;
  list-style-type: none;
  margin: 0 0 10px 5px;
  padding-left: 5px;
  text-indent: -19px;
}

.vr .rich-text .two-columns ul li::before {
  content: '\2713';
  font-weight: 700;
  padding-right: 8px;
}

.vr .caption {
  color: #767676;
  padding: 0;
  font-style: italic;
  font-size: 0.8125rem;
  margin-top: 10px;
}

.vr .button {
  margin: 0;
}

.vr .button::after {
  margin-left: 5px;
}

.vr .button.btn-large {
  padding: 12px 29px;
}

.vr span.button::after,
.vr label.button::after {
  right: 23px;
  margin-left: 0;
}

/* Main banner of the VR home page. */
.vr-banner {
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}

.vr-banner .vr-banner-image {
  margin-bottom: 15px;
}

.vr-banner .vr-banner-image img {
  width: 100%;
}

/* In-line CTAs for the VR home page. */
.vr-cta {
  border-bottom: 1px solid #d8d8d8;
  margin-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

@media (min-width: 641px) {
  .vr-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    padding-bottom: 40px;
  }
}

.vr-cta:last-of-type {
  border-bottom: 0;
}

@media (min-width: 641px) {
  .vr-cta:last-of-type {
    padding-bottom: 40px;
  }
}

@media (min-width: 951px) {
  .vr-cta:last-of-type {
    padding-bottom: 0;
  }
}

@media (min-width: 641px) {
  .vr-cta .vr-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
  }
}

.vr-cta .vr-content .vr-title .h3 a {
  color: #222;
  text-decoration: none;
}

.vr-cta .vr-content .vr-title .h3 a:hover,
.vr-cta .vr-content .vr-title .h3 a:focus {
  color: #222;
  text-decoration: underline;
}

.vr-cta .vr-content .vr-description {
  margin-bottom: 20px;
}

@media (min-width: 641px) {
  .vr-cta .vr-content .vr-button {
    text-align: left;
  }
}

/* Bottom CTAs -used in VR and General*/
.bottom-cta-container,
.vr-bottom-cta-container {
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  position: relative;
}

@media (min-width: 951px) {
  .bottom-cta-container,
  .vr-bottom-cta-container {
    border-top: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 100%;
  }
}

.bottom-cta-container .bottom-cta,
.vr-bottom-cta-container .vr-bottom-cta {
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: block;
  margin-bottom: 15px;
  padding: 20px;
  text-decoration: none;
  transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-tranition: all 300ms ease-out;
}

.bottom-cta-container .bottom-cta .content,
.vr-bottom-cta-container .vr-bottom-cta .vr-content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 951px) {
  .bottom-cta-container .bottom-cta,
  .vr-bottom-cta-container .vr-bottom-cta {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-left: 20px;
    margin-bottom: 40px;
    width: 50%;
  }
}

.bottom-cta-container .bottom-cta .title *,
.vr-bottom-cta-container .vr-bottom-cta .vr-title * {
  color: #222;
}

.bottom-cta-container .bottom-cta .description,
.vr-bottom-cta-container .vr-bottom-cta .vr-description {
  color: #222;
  font-weight: 400;
  margin-bottom: 20px;
}

.bottom-cta-container .bottom-cta .link,
.vr-bottom-cta-container .vr-bottom-cta .vr-link {
  color: #005670;
  font-weight: 600;
  margin: 0;
  min-width: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.bottom-cta-container .bottom-cta .link::after,
.vr-bottom-cta-container .vr-bottom-cta .vr-link::after {
  content: '\F054';
  display: inline-block;
  font: normal normal normal 12px/1 FontAwesome;
  text-rendering: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.bottom-cta-container .bottom-cta .link:hover,
.bottom-cta-container .bottom-cta .link:focus,
.vr-bottom-cta-container .vr-bottom-cta .vr-link:hover,
.vr-bottom-cta-container .vr-bottom-cta .vr-link:focus {
  color: #222;
  text-decoration: underline;
}

.bottom-cta-container .bottom-cta:hover,
.bottom-cta-container .bottom-cta:focus,
.vr-bottom-cta-container .vr-bottom-cta:hover,
.vr-bottom-cta-container .vr-bottom-cta:focus {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
  color: #222;
}

.bottom-cta-container .bottom-cta:hover .title *,
.bottom-cta-container .bottom-cta:focus .title *,
.vr-bottom-cta-container .vr-bottom-cta:hover .vr-title *,
.vr-bottom-cta-container .vr-bottom-cta:focus .vr-title * {
  color: #222;
  text-decoration: underline;
}

.bottom-cta-container .bottom-cta:hover .link,
.bottom-cta-container .bottom-cta:focus .link,
.vr-bottom-cta-container .vr-bottom-cta:hover .vr-link,
.vr-bottom-cta-container .vr-bottom-cta:focus .vr-link {
  color: #222;
  text-decoration: underline;
}

@media (min-width: 951px) {
  .bottom-cta-container .bottom-cta:first-of-type,
  .vr-bottom-cta-container .vr-bottom-cta:first-of-type {
    margin-left: 0;
  }
}

/* Left Navigation */
@media (min-width: 951px) {
  .vr-left-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
    z-index: 200;
  }
}

.vr-left-nav .side-nav li a {
  color: #333;
}

/* Right rail CTAs */
@media (min-width: 951px) {
  .vr-right-cta-container {
    display: block;
  }
}

.vr-right-cta-container .vr-right-cta {
  margin-bottom: 20px;
  position: relative;
}

@media (min-width: 951px) {
  .vr-right-cta-container .vr-right-cta {
    border: none;
    border-top: 1px solid #d8d8d8;
    margin-left: 0;
    margin-top: 0;
    padding-top: 20px;
  }
}

@media (min-width: 951px) {
  .vr-right-cta-container .vr-right-cta:first-of-type {
    padding-top: 20px;
  }
}

.vr-right-cta-container .vr-right-cta:last-of-type {
  margin-bottom: 0;
}

.vr-right-cta-container .vr-right-cta .vr-container {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: center;
  background: #e6eef0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
  position: relative;
}

@media (min-width: 951px) {
  .vr-right-cta-container .vr-right-cta .vr-container {
    padding: 15px;
  }
}

.vr-right-cta-container .vr-right-cta .vr-container .vr-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50px;
  flex: 0 1 50px;
  margin: 0;
  max-height: 50px;
}

.vr-right-cta-container .vr-right-cta .vr-container .vr-image svg {
  width: 100%;
}

.vr-right-cta-container .vr-right-cta .vr-container .vr-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: calc(100% - 50px);
  padding-right: 10px;
}

.vr-right-cta-container .vr-right-cta .vr-container .vr-title .h3 {
  margin-bottom: 0;
}

.vr-right-cta-container .vr-right-cta .vr-container .vr-description {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-top: 15px;
  margin-bottom: 20px;
}

.vr-right-cta-container .vr-right-cta .vr-container .vr-button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.vr-right-cta-container .vr-right-cta .vr-container .vr-button a {
  width: 100%;
}

.vr-right-cta-container .vr-right-cta .vr-container .vr-button a::after {
  right: inherit;
}

/* Regular banner on subpages */
.vr-banner-regular {
  position: relative;
}

.vr-banner-regular img {
  width: 100%;
}

/* Main content image + text CTAs used for "common roles" */
.vr-common-roles,
.vr-volunteer-roles {
  border-top: 1px solid #d8d8d8;
  margin-top: 20px;
  padding-top: 20px;
  position: relative;
}

@media (min-width: 641px) {

  .vr-common-roles,
  .vr-volunteer-roles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.vr-common-roles:first-of-type,
.vr-volunteer-roles:first-of-type {
  margin-top: 10px;
}

.vr-common-roles:last-of-type,
.vr-volunteer-roles:last-of-type {
  margin-bottom: 20px;
}

@media (min-width: 641px) {

  .vr-common-roles .vr-image,
  .vr-volunteer-roles .vr-image {
    max-width: 30%;
    width: 30%;
  }
}

@media (min-width: 641px) {

  .vr-common-roles .vr-content,
  .vr-volunteer-roles .vr-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    width: 70%;
  }
}

/* Place some space between the top content and the FAQ list. */
.vr-faq-container {
  margin-top: 20px;
}

/* Give the banner image on the regular pages some bottom margin. */
figure.basic-image-container.vr-content-banner-image {
  margin-bottom: 1rem;
}

/* Show steps_to_apply TABLE on desktop */
#stepsToApplyTable {
  display: none;
}

@media (min-width: 641px) {
  #stepsToApplyTable {
    display: block;
  }
}

#stepsToApplySteps {
  display: block;
}

@media (min-width: 641px) {
  #stepsToApplySteps {
    display: none;
  }
}

main .vr .EditingFormLabel {
  display: inline-block;
  font-weight: 600;
  margin: 20px 0 5px;
}

main .vr .ExplanationText {
  font-size: 0.8125rem;
  font-style: italic;
  margin-top: 10px;
}

main .vr input[type='text'],
main .vr input[type='number'],
main .vr input[type='email'],
main .vr textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}

main .vr input[type='text']:hover,
main .vr input[type='number']:hover,
main .vr input[type='email']:hover,
main .vr textarea:hover {
  border: 1px solid #333;
}

main .vr .radio-list-vertical input[type='checkbox']+label,
main .vr .ktc-radio-list input[type='radio']+label {
  margin: 0 1rem 0 .5rem;
}

main .vr input[type='submit']:hover {
  border: none;
}

main .vr .Error+span {
  margin: 0;
  padding-top: 5px;
}

.vr-home-cta-container .vr-title a .h3 {
  color: #222;
}

.vr-home-cta-container .vr-title a .h3:hover,
.vr-home-cta-container .vr-title a .h3:focus {
  color: #222;
  text-decoration: underline;
}

.filters-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0 0 16px;
  position: relative;
}

@media (min-width: 641px) {
  .filters-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 130px 0 0;
  }

  html[lang="fr"] .filters-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 16px;
  }
}

@media (min-width: 768px) {
  html[lang="fr"] .filters-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 210px 0 0;
  }
}

.filters-wrapper .filter {
  margin-bottom: 1rem;
  width: 100%;
}

@media (min-width: 641px) {
  .filters-wrapper .filter {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 0;
    margin-right: 10px;
  }

  html[lang="fr"] .filters-wrapper .filter {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  html[lang="fr"] .filters-wrapper .filter {
    margin-bottom: 0;
  }
}

.filters-wrapper .label {
  background-color: transparent;
  color: #222;
  margin-bottom: 5px;
  padding: 0;
  white-space: normal;
}

.filters-wrapper .reactSelect__control {
  border: 1px solid #c3c3c3;
  background-color: #f7f7f7;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: inherit;
}

.filters-wrapper .reactSelect__control:hover,
.filters-wrapper .reactSelect__control:focus {
  border: 1px solid #333;
}

.filters-wrapper .reactSelect__control .reactSelect__placeholder {
  color: #333;
}

@media (min-width: 641px) and (max-width: 690px) {
  html[lang="fr"] .filters-wrapper .reactSelect__control .reactSelect__placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.filters-wrapper .reactSelect__control .reactSelect__indicator-separator {
  display: none;
}

.filters-wrapper .reactSelect__control svg {
  fill: #333;
}

@media (min-width: 641px) {
  .filters-wrapper .reactSelect__menu {
    width: 175%;
  }
}

.filters-wrapper .clear-button {
  background: none;
  border-bottom: 2px solid #005670;
  border-radius: 0;
  bottom: 0;
  color: #005670;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  width: auto;
}

.filters-wrapper .clear-button:hover,
.filters-wrapper .clear-button:focus {
  color: #222;
  border-bottom: 2px solid #222;
}

.filters-wrapper .clear-button:after {
  content: "\F00D";
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 14px;
  font-weight: 400;
  padding-left: 5px;
}

@media (min-width: 641px) {
  .filters-wrapper .clear-button {
    bottom: inherit;
    left: inherit;
    right: 0;
    top: 30px;
  }

  html[lang="fr"] .filters-wrapper .clear-button {
    bottom: 0;
    left: 0;
    right: inherit;
    top: inherit;
  }
}

@media (min-width: 768px) {
  html[lang="fr"] .filters-wrapper .clear-button {
    bottom: inherit;
    left: inherit;
    right: 0;
    top: 30px;
  }
}

.sort-heading-wrapper {
  margin-top: 1rem;
}

@media (min-width: 375px) {
  .sort-heading-wrapper {
    margin-top: 3rem;
  }
}

@media (max-width: 374px) {
  .sort-heading-wrapper .columns {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

@media (max-width: 641px) {
  .sort-heading-wrapper .columns .h6 {
    font-size: 0.75rem;
  }
}

@media (max-width: 374px) {
  .sort-heading-wrapper .columns:first-of-type {
    width: 37%;
  }
}

@media (max-width: 641px) {
  .sort-heading-wrapper .columns:first-of-type {
    margin-left: -0.9375rem;
    width: 44%;
  }
}

@media (max-width: 374px) {
  .sort-heading-wrapper .columns:first-of-type .heading {
    padding-left: 0;
  }
}

@media (max-width: 374px) {
  .sort-heading-wrapper .columns:nth-of-type(2n) {
    width: 37%;
  }

  html[lang="fr"] .sort-heading-wrapper .columns:nth-of-type(2n) {
    width: 29%;
  }
}

@media (max-width: 641px) {
  .sort-heading-wrapper .columns:nth-of-type(2n) {
    width: 31%;
  }

  html[lang="fr"] .sort-heading-wrapper .columns:nth-of-type(2n) {
    width: 29%;
  }
}

@media (max-width: 374px) {
  .sort-heading-wrapper .columns:nth-of-type(3n) {
    width: 27%;
  }

  html[lang="fr"] .sort-heading-wrapper .columns:nth-of-type(3n) {
    width: 36%;
  }
}

@media (max-width: 641px) {
  .sort-heading-wrapper .columns:nth-of-type(3n) {
    text-align: right;
    width: 26%;
  }

  html[lang="fr"] .sort-heading-wrapper .columns:nth-of-type(3n) {
    width: 28%;
  }
}

@media (max-width: 641px) {
  .sort-heading-wrapper .columns:nth-of-type(3n) .heading {
    margin-right: -1.875rem;
  }

  html[lang="fr"] .sort-heading-wrapper .columns:nth-of-type(3n) .heading {
    margin-right: -1.25rem;
  }
}

@media (max-width: 641px) {
  .sort-heading-wrapper .mobile-only {
    display: inline-block;
    margin-bottom: 8px;
    padding-right: 5px;
  }
}

.sort-heading-wrapper .heading {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 8px;
}

.vr-tag-wrapper ul {
  display: block;
  padding-top: 1rem;
}

.job-listing-container {
  margin-top: 2rem;
}

.job-listing-container>.row {
  width: calc(100% + 1.86rem);
}

.job-listing-container .job-listing {
  background-color: #f7f7f7;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.job-listing-container .job-listing:hover,
.job-listing-container .job-listing:focus {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  color: #333;
  outline: none;
  text-decoration: none;
}

.job-listing-container .job-listing:hover .h3,
.job-listing-container .job-listing:hover .cta-link,
.job-listing-container .job-listing:focus .h3,
.job-listing-container .job-listing:focus .cta-link {
  text-decoration: underline;
}

.job-listing-container .job-listing:hover .cta-link,
.job-listing-container .job-listing:focus .cta-link {
  color: #222;
}

.job-listing-container .job-listing .cta-link {
  color: #005670;
  margin-top: 10px;
}

@media (max-width: 641px) {
  .job-listing-container .job-listing .columns .cta-link {
    margin-top: 10px;
  }
}

.job-listing-container .job-listing p {
  line-height: 1.35;
  margin-bottom: 0;
}

.job-listing-container .no-results-found {
  border-top: 1px solid #d8d8d8;
  padding-top: 1rem;
}

main .row .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -.9375rem;
  margin-right: -.9375rem;
}

main .row .row .column,
main .row .row .columns {
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.vr-form {
  display: none;
}

@media (max-width: 641px) {

  .vr-form input[type="text"],
  .vr-form input[type="password"],
  .vr-form input[type="date"],
  .vr-form input[type="datetime"],
  .vr-form input[type="datetime-local"],
  .vr-form input[type="month"],
  .vr-form input[type="week"],
  .vr-form input[type="email"],
  .vr-form input[type="number"],
  .vr-form input[type="search"],
  .vr-form input[type="tel"],
  .vr-form input[type="time"],
  .vr-form input[type="url"],
  .vr-form input[type="color"],
  .vr-form input[type="select"],
  .vr-form select,
  .vr-form textarea,
  .vr-form label {
    font-size: .875rem;
  }
}

.vr-form .small-section {
  margin-top: 10px;
}

.vr-form .small-section p {
  margin-bottom: 0;
}

.vr-form .vr-pre-section-container {
  background: #d8d8d8;
  margin: 20px 0;
  max-width: 951px;
  padding: 25px;
}

.vr-form .vr-pre-section-container button.show-form-button:after {
  right: 18px;
  top: 17px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media (min-width: 640px) {
  .vr-form .vr-form-same-address {
    padding-top: 55px !important;
  }
}

.vr-form .vr-form-same-address input {
  margin-bottom: 0px;
}

.vr-form .vr-form-same-address label {
  cursor: pointer;
  font-weight: normal;
  margin-top: 0px;
  width: auto;
}

.vr-form .vr-form-label,
.vr-form .vr-form-label label {
  color: #333;
  font-weight: 600;
  max-width: 768px;
}

.vr-form .input-type-multicheckbox .vr-form-label,
.vr-form .input-type-multicheckbox-with-other .vr-form-label,
.vr-form .input-type-radio .vr-form-label {
  margin: 0 0 5px;
}

.vr-form input[type="radio"],
.vr-form input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #767676;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  top: 3px;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.vr-form input[type="radio"] {
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

@supports (display: -ms-grid) {
  .vr-form input[type="radio"] {
    /* Edge+ CSS */
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
  }
}

.vr-form input[type="radio"]:checked {
  background-color: #fff;
}

.vr-form input[type="radio"]:checked::before {
  background-color: #333;
  border-radius: 50%;
  content: '';
  height: 8px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 8px;
}

.vr-form input[type="radio"]+label {
  margin-bottom: 5px;
}

.vr-form input[type="checkbox"] {
  height: 16px;
  width: 16px;
}

@supports (display: -ms-grid) {
  .vr-form input[type="checkbox"] {
    /* Edge+ CSS */
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    min-width: 16px;
  }
}

.vr-form input[type="checkbox"]:checked {
  background-color: #fff;
}

.vr-form input[type="checkbox"]:checked::before {
  color: #333;
  content: '\2143';
  font: 12px/1 'Open Sans', sans-serif;
  font-weight: 600;
  left: 3px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.vr-form input[type="checkbox"]+label {
  margin-bottom: 5px;
  padding-left: 0;
  width: calc(100% - 40px);
}

@media (max-width: 641px) {
  .vr-form #languageSkills .vr-input-group {
    margin-bottom: 30px;
  }
}

@media (min-width: 640px) {
  .vr-form #languageSkills .vr-input-group .vr-form-label {
    display: inline-block;
    width: 80px;
  }
}

@media (min-width: 640px) {
  .vr-form #languageSkills .vr-input-group .vr-form-input {
    display: inline-block;
  }
}

@media (min-width: 640px) {
  .vr-form #languageSkills .vr-input-group .vr-form-input span.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 640px) {
  .vr-form #languageSkills .vr-input-group .vr-form-input input[type="radio"] {
    float: none;
    left: 58px;
    top: 4px;
  }
}

.vr-form #languageSkills .vr-input-group .vr-form-input input[type="radio"]+label {
  margin-bottom: 20px;
}

@media (min-width: 640px) {
  .vr-form #languageSkills .vr-input-group .vr-form-input input[type="radio"]+label {
    margin: -25px 0 0;
    text-align: center;
    width: 100px;
  }
}

@media (min-width: 640px) {

  .vr-form #languageSkills .vr-input-group.input-group-english-writing label,
  .vr-form #languageSkills .vr-input-group.input-group-english-reading label,
  .vr-form #languageSkills .vr-input-group.input-group-french-writing label,
  .vr-form #languageSkills .vr-input-group.input-group-french-reading label {
    margin-top: -11px;
    opacity: 0;
  }

  .vr-form #languageSkills .vr-input-group.input-group-english-writing input,
  .vr-form #languageSkills .vr-input-group.input-group-english-reading input,
  .vr-form #languageSkills .vr-input-group.input-group-french-writing input,
  .vr-form #languageSkills .vr-input-group.input-group-french-reading input {
    top: 5px;
  }
}

@media (min-width: 640px) {
  .vr-form #languageSkills .vr-input-group.input-group-other-language .vr-form-label {
    display: inline-block;
    padding-right: 10px;
    width: auto;
  }
}

@media (min-width: 640px) {
  .vr-form #languageSkills .vr-input-group.input-group-other-language .vr-form-input {
    width: 50%;
  }
}

span.ktc-radio-list {
  display: grid;
  margin: 5px 8px;
}

.vr-form .ktc-radio.ktc-radio-list input {
  float: left;
}

.vr-form .ktc-radio.ktc-radio-list input {
  float: left;
}

.vr-form .ktc-radio.ktc-radio-list input+label {
  color: #333;
  font-weight: 500;
  margin: 0 0 10px 5px;
  width: calc(100% - 40px);
}

.vr-form .input-type-checkbox .checkbox input {
  float: left;
}

.vr-form .input-type-checkbox .checkbox input+label {
  display: none;
}

.vr-form .input-type-checkbox .vr-form-label {
  padding-left: 10px;
  width: calc(100% - 40px);
}

.vr-form .input-type-checkbox .vr-form-label label {
  font-weight: normal;
  margin: 0 0 15px 0;
}

.vr-form .vr-form-input select {
  height: 40px;
}

.vr-form .vr-form-input select.DropDownField {
  width: 100%;
}

.vr-form textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.vr-form input,
.vr-form select,
.vr-form textarea {
  color: #222;
}

.vr-form input:hover,
.vr-form select:hover,
.vr-form textarea:hover {
  border: 1px solid #222;
}

.vr-form input.btn,
.vr-form select.btn,
.vr-form textarea.btn {
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

@media (max-width: 641px) {

  .vr-form input.btn,
  .vr-form select.btn,
  .vr-form textarea.btn {
    width: 100%;
  }
}

.vr-form .vr-form-section {
  padding: 20px 0;
}

.vr-form .vr-form-section.disabled {
  display: none;
}

.vr-form .vr-form-section .vr-form-section-title {
  border-bottom: 1px solid #d8d8d8;
  cursor: pointer;
  margin-bottom: 1rem;
  padding: 5px 20px;
  position: relative;
}

.vr-form .vr-form-section .vr-form-section-title .h2 {
  margin-bottom: 0;
}

.vr-form .vr-form-section .vr-form-section-title:before {
  content: '\F054';
  display: block;
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: .7rem;
  left: -4px;
  padding-left: 3px;
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
  top: 11px;
  width: 15px;
}

.vr-form .vr-form-section.expanded .vr-form-section-title:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vr-form button {
  margin-bottom: 0;
}

.vr-form .vr-nav-section {
  padding-right: 40px !important;
  padding-left: 0px !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px;
}

.vr-form .vr-nav-section .vr-nav-container {
  padding-top: 19px;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item {
  border-bottom: 1px solid #d8d8d8;
  color: #d8d8d8;
  font-size: .8125rem;
  padding: 10px 20px;
  position: relative;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item:before {
  content: '\F111';
  position: absolute;
  left: 1px;
  display: block;
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: .5rem;
  top: 13px;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item a {
  color: #767676;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item a:focus {
  color: #767676;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item.valid {
  color: #222;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item.valid:before {
  content: '\F00C';
  position: absolute;
  left: 0px;
  display: block;
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: .7rem;
  top: 11px;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item.valid a {
  color: #222;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item.active {
  color: #ee0000;
}

.vr-form .vr-nav-section .vr-nav-container .vr-nav-item.active a {
  color: #ee0000;
}

.vr-form .has-error.input-type-radio .vr-form-validation,
.vr-form .has-error.input-type-radio-with-other .vr-form-validation,
.vr-form .has-error.input-type-checkbox .vr-form-validation,
.vr-form .has-error.input-type-multicheckbox .vr-form-validation,
.vr-form .has-error.input-type-multicheckbox-with-other .vr-form-validation {
  padding-left: 25px;
}

.vr-form .has-error input {
  background-color: #fef4f4;
  border: 1px solid #ee0000;
}

.vr-form .has-error .vr-form-validation {
  color: #ee0000;
}

.vr-form .vr-input-group {
  margin-bottom: 15px;
}

.vr-form .vr-input-group input {
  margin-bottom: 2px;
}

.vr-form .vr-input-group.mandatory div.vr-form-label.starred>label::after,
.vr-form .vr-input-group.mandatory div.vr-form-label>span:not(.small-text)::after,
.vr-form .vr-input-group.mandatory:not(.input-type-checkbox) div.vr-form-label>label::after,
.vr-form .vr-input-group.input-type-checkbox.mandatory span.h5::after {
  color: #ee0000;
  content: " *";
}

.vr-form .vr-input-group.input-type-select.input-group-response select {
  width: 100%;
}

@media (min-width: 641px) {
  .vr-form .vr-input-group.input-type-select.input-group-response select {
    width: 50%;
  }
}

@media (min-width: 951px) {
  .vr-form .vr-input-group.input-type-select.input-group-response select {
    width: 33.33%;
  }
}

.vr-form .input-type-date .vr-form-input input {
  width: 100%;
}

@media (min-width: 641px) {
  .vr-form .input-type-date .vr-form-input input {
    width: 50%;
  }
}

@media (min-width: 951px) {
  .vr-form .input-type-date .vr-form-input input {
    width: 33.33%;
  }
}

.vr-form .input-type-date .vr-form-input input[type="text"][readonly] {
  background-color: #fff;
  border: 1px solid #767676;
  cursor: pointer;
}

.vr-form .input-type-date .vr-form-input input[type="text"][readonly]:hover {
  border: 1px solid #222;
}

.vr-form .vr-sticky-top-ie {
  position: fixed !important;
  top: 0 !important;
}

.vr-form .vr-input-group.disabled {
  display: none;
}

.deployment-form .addthis-smartlayers-mobile,
.deployment-form .subscribe {
  display: none;
}

.deployment-form .flatpickr-calendar {
  border: none;
  border-top: 5px solid #ee0000;
}

.deployment-form .flatpickr-calendar.arrowTop:before {
  display: none;
}

.deployment-form .flatpickr-calendar.arrowTop:after {
  display: none;
}

.deployment-form .flatpickr-calendar.arrowBottom:before {
  display: none;
}

.deployment-form .flatpickr-calendar.arrowBottom:after {
  display: none;
}

.deployment-form .flatpickr-calendar .flatpickr-day {
  background-color: #ebf5fc;
  border-radius: 0;
  color: #222;
  margin: 0 0 5px 0;
}

.deployment-form .flatpickr-calendar .flatpickr-day.selected {
  background: #ee0000;
  border-color: #ee0000;
  color: #fff;
}

.deployment-form .flatpickr-calendar .flatpickr-day.today {
  border: none;
  font-weight: 600;
  position: relative;
  text-decoration: underline;
}

.deployment-form .flatpickr-calendar .flatpickr-day.nextMonthDay {
  background: #fff;
  border-color: #fff;
  color: #333;
}

.deployment-form .flatpickr-calendar .flatpickr-day:hover {
  border: 1px solid #d8e0e8;
  background-color: #d8e0e8;
  color: #222;
}

.deployment-form .flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.deployment-form .flatpickr-calendar .flatpickr-day.prevMonthDay,
.deployment-form .flatpickr-calendar .flatpickr-day.nextMonthDay.flatpickr-disabled {
  background-color: #ececec;
  border-color: #ececec;
  color: #696969;
}

.deployment-form .flatpickr-calendar .flatpickr-current-month {
  line-height: 1.2;
}

.deployment-form .flatpickr-calendar .flatpickr-current-month select {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  padding: 0 10px 0 0;
}

.deployment-form .flatpickr-calendar .numInputWrapper input {
  font-size: 1rem;
  font-weight: 600;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .deployment-form .vr-section-container>div:first-child {
    /* IE10+ CSS */
    display: none;
  }
}

@supports (display: -ms-grid) {
  .deployment-form .vr-section-container .vr-nav-section {
    /* Edge+ CSS */
    max-width: 23%;
  }
}

.jobs-page figure {
  margin: 0;
}

.jobs-page figure img {
  width: 100%;
}

.jobs-page #icons {
  background-color: #f7f7f7;
  padding: 2rem 15px;
}

.jobs-page a {
  text-decoration: none;
}

.jobs-page a .icon-content svg {
  background-color: #fff;
  border-radius: 50%;
}

.jobs-page a .icon-content path,
.jobs-page a .icon-content .st0 {
  fill: #222;
}

.jobs-page a .icon-content span {
  color: #222;
  font-weight: 600;
  text-decoration: none;
}

.jobs-page a:hover .icon-content path,
.jobs-page a:hover .icon-content .st0 {
  fill: #ee0000;
}

.jobs-page a:hover .icon-content span {
  color: #222;
  text-decoration: underline;
}

.jobs-page .jobs-page-content a {
  text-decoration: underline;
}

.jobs-page .jobs-page-content a.cta-link {
  font-weight: 600;
}

.jobs-page .jobs-page-content a.cta-link::after {
  content: ' \F054';
  font-family: FontAwesome;
  font-size: 11px;
  font-weight: normal;
}

.jobs-page .jobs-page-content .section-content-container a {
  text-decoration: none;
}

.jobs-page .jobs-page-content .content-item:not(.banner-content) h2,
.jobs-page .jobs-page-content .content-item:not(.banner-content) h3 {
  text-decoration: none;
}

.jobs-page .jobs-page-content .content-item:not(.banner-content) h2 {
  margin-bottom: 15px;
}

.jobs-page .jobs-page-content .content-item:not(.banner-content) h3 {
  margin-bottom: 10px;
}

.jobs-page .jobs-page-section {
  float: none !important;
  position: relative;
}

.jobs-page .jobs-page-section h2 {
  font-size: 22px;
  margin: 40px 0 20px;
}

.jobs-page .jobs-page-section a:hover .content-item.cta-content {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

.jobs-page .jobs-page-section a:hover .content-item.cta-content h2,
.jobs-page .jobs-page-section a:hover .content-item.cta-content h3 {
  color: #222;
  text-decoration: underline;
}

.jobs-page .jobs-page-section a:hover .content-item.cta-content .content-item-button-container span {
  color: #222;
  text-decoration: underline;
}

.jobs-page .jobs-page-section a:hover .content-item-description {
  color: #222;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}

.jobs-page .jobs-page-section .content-item {
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.jobs-page .jobs-page-section .content-item.content-with-thumbnail {
  margin-bottom: 20px;
}

@media all and (min-width: 641px) {
  .jobs-page .jobs-page-section .content-item.content-with-thumbnail {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
}

@media all and (max-width: 640px) {
  .jobs-page .jobs-page-section .content-item.content-with-thumbnail:not(.banner-content):not(.cta-content) figure {
    margin-bottom: 10px;
    max-width: 400px;
  }
}

@media all and (min-width: 641px) {
  .jobs-page .jobs-page-section .content-item.content-with-thumbnail figure {
    grid-row: 1 / 4;
    margin: 5px 0 0;
    max-width: 180px;
  }
}

@media all and (min-width: 641px) {

  .jobs-page .jobs-page-section .content-item.content-with-thumbnail h2,
  .jobs-page .jobs-page-section .content-item.content-with-thumbnail h3,
  .jobs-page .jobs-page-section .content-item.content-with-thumbnail .item-description,
  .jobs-page .jobs-page-section .content-item.content-with-thumbnail .content-item-button-container {
    grid-column-end: 3;
    grid-column-start: 2;
  }

  .jobs-page .jobs-page-section .content-item figure {
    grid-row: 1 / 4;
    margin-bottom: 0;
  }
}

.jobs-page .jobs-page-section .content-item h2,
.jobs-page .jobs-page-section .content-item h3 {
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 18px;
  outline: none;
  width: 100%;
}

.jobs-page .jobs-page-section .content-item .content-item-description {
  color: #222;
  font-weight: normal;
  margin-bottom: 18px;
}

.jobs-page .jobs-page-section .content-item .content-item-description a {
  text-decoration: underline;
}

.jobs-page .jobs-page-section .content-item .content-item-description a:hover,
.jobs-page .jobs-page-section .content-item .content-item-description a:focus {
  color: #222;
}

.jobs-page .jobs-page-section .content-item .content-item-button-container a {
  background-color: #007fa5;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 10px 30px 10px 22px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
}

.jobs-page .jobs-page-section .content-item .content-item-button-container a:hover,
.jobs-page .jobs-page-section .content-item .content-item-button-container a:focus {
  background-color: #005670;
  outline: none;
  text-decoration: none;
}

.jobs-page .jobs-page-section .content-item .content-item-button-container a::after {
  background: url("/content/images/chevron_right.svg") 0 0 no-repeat;
  content: '';
  height: 11px;
  position: absolute;
  right: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
  width: 8px;
}

.jobs-page .jobs-page-section .content-item.cta-content {
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 15px;
}

@media all and (min-width: 641px) {
  .jobs-page .jobs-page-section .content-item.cta-content {
    display: block;
  }
}

.jobs-page .jobs-page-section .content-item.cta-content figure {
  margin: -15px -15px 18px;
}

@media all and (min-width: 641px) {
  .jobs-page .jobs-page-section .content-item.cta-content figure {
    margin-bottom: 18px;
    max-width: none;
    width: auto;
  }
}

.jobs-page .jobs-page-section .content-item.cta-content h2,
.jobs-page .jobs-page-section .content-item.cta-content h3 {
  font-weight: 600;
  margin-top: 10px;
}

.jobs-page .jobs-page-section .content-item.cta-content .content-item-button-container {
  margin-bottom: 15px;
}

.jobs-page .jobs-page-section .content-item.cta-content .content-item-button-container span {
  color: #005670;
  font-weight: 600;
  text-decoration: none;
}

.jobs-page .jobs-page-section .content-item.cta-content .content-item-button-container span::after {
  content: ' \F054';
  font-family: FontAwesome;
  font-size: 11px;
  font-weight: normal;
}

.jobs-page .jobs-page-section .content-item.cta-content .content-item-button-container a {
  background-color: transparent;
  border-radius: 0;
  color: #005670;
  display: inline;
  font-weight: 600;
  padding: 0;
  text-transform: none;
}

.jobs-page .jobs-page-section .content-item.cta-content .content-item-button-container a:hover,
.jobs-page .jobs-page-section .content-item.cta-content .content-item-button-container a:focus {
  color: #222;
  text-decoration: underline;
}

.jobs-page .jobs-page-section .content-item.cta-content .content-item-button-container a::after {
  content: '\F054';
  font-family: FontAwesome;
  font-size: 11px;
  font-weight: normal;
  height: auto;
  position: relative;
  right: initial;
}

.jobs-page .jobs-page-section .content-item.icon-content {
  display: block;
  text-align: center;
}

.jobs-page .jobs-page-section .content-item.icon-content figure {
  display: inline-block;
  height: auto;
  margin-bottom: 7px;
  width: 48px;
}

.jobs-page .jobs-page-section .content-item.banner-content {
  position: relative;
}

@media all and (min-width: 641px) {
  .jobs-page .jobs-page-section .content-item.banner-content {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }

  .jobs-page .jobs-page-section .content-item.banner-content figure {
    max-width: 100%;
    position: relative;
  }
}

.jobs-page .jobs-page-section .content-item.banner-content figure img {
  width: 100%;
}

.jobs-page .jobs-page-section .content-item.banner-content h2,
.jobs-page .jobs-page-section .content-item.banner-content h3 {
  background: #f7f7f7;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  padding: 15px 0.9375rem;
  width: 100%;
}

.jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container {
  align-items: center;
  background: none;
  bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  left: 30px;
  margin: 0;
  width: calc(100% - 60px);
  padding: 0;
  position: absolute;
}

.jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container * {
  color: #fff;
}

.jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container h2,
.jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container h3 {
  padding: 0 15px 0 0;
}

.jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container .content-item-button-container a {
  margin-bottom: 0;
  min-width: 170px;
  text-align: center;
}

@media all and (max-width: 640px) {
  .jobs-page .jobs-page-section .content-item.banner-content figure.basic-image-container:has(.basic-image-credit) .basic-image-credit {
    bottom: -20px;
    color: #222;
    left: 0;
    margin: 0;
    padding-left: 0;
    position: absolute;
  }

  .jobs-page .jobs-page-section .content-item.banner-content figure:has(.basic-image-overlay.dark) figure.basic-image-container div.basic-image-overlay {
    background-image: linear-gradient(transparent 30%, rgba(20, 20, 20, 0.5), rgba(20, 20, 20, 0.5));
  }

  .jobs-page .jobs-page-section .content-item.banner-content figure:has(.basic-image-overlay.light) figure.basic-image-container div.basic-image-overlay {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4), white);
  }

  .jobs-page .jobs-page-section .content-item.banner-content figure.basic-image-container:has(.basic-image-credit) .basic-image-overlay+.basic-image-credit {
    bottom: 0;
    left: 0;
    padding: 5px 15px 10px;
    position: absolute;
  }

  .jobs-page .jobs-page-section .content-item.banner-content figure.basic-image-container:has(.basic-image-credit) .basic-image-overlay.dark+.basic-image-credit {
    color: #fff;
    text-shadow: 2px 2px 32px #000;
  }

  .jobs-page .jobs-page-section .content-item.banner-content figure.basic-image-container:has(.basic-image-credit) .basic-image-overlay.light+.basic-image-credit {
    color: #222;
    text-shadow: 2px 2px 32px #fff;
  }

  .jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container {
    align-items: flex-start;
    background: #222;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    margin: 0;
    width: 100%;
    padding: 20px;
    position: relative;
  }

  .jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container h2,
  .jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container h3,
  .jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container .content-item-button-container {
    background: none;
  }

  .jobs-page .jobs-page-section .content-item.banner-content .banner-title-cta-container .content-item-button-container {
    margin-top: 20px;
  }
}

@media all and (min-width: 641px) {

  .jobs-page .jobs-page-section .content-item.banner-content figure.basic-image-container:has(.basic-image-credit) .basic-image-overlay.dark+.basic-image-credit,
  .jobs-page .jobs-page-section .content-item.banner-content figure.basic-image-container:has(.basic-image-credit) .basic-image-overlay.light+.basic-image-credit {
    color: #222;
    bottom: -20px;
    left: 0;
    text-shadow: none;
  }

  .jobs-page .jobs-page-section .content-item.banner-content figure.basic-image-container:has(.basic-image-credit) {
    margin-bottom: 40px;
  }
}

@media all and (min-width: 768px) and (max-width: 950px),
(min-width: 1170px) {

  .jobs-page .jobs-page-section .content-item.banner-content h2,
  .jobs-page .jobs-page-section .content-item.banner-content h3 {
    font-size: 25px;
  }
}

.jobs-page .jobs-page-section .content-item.banner-content .content-item-button-container {
  background: #f7f7f7;
}

@media all and (min-width: 768px) and (max-width: 950px),
(min-width: 1170px) {
  .jobs-page .jobs-page-section .content-item.banner-content .content-item-button-container {
    max-width: calc(30% - 40px);
  }
}

@media all and (min-width: 641px) {

  .jobs-page .jobs-page-section .content-item.banner-content.banner-white h2,
  .jobs-page .jobs-page-section .content-item.banner-content.banner-white h3,
  .jobs-page .jobs-page-section .content-item.banner-content.banner-white .content-item-button-container {
    background: none;
  }
}

@media all and (min-width: 768px) and (max-width: 950px),
(min-width: 1170px) {

  .jobs-page .jobs-page-section .content-item.banner-content.banner-white h2,
  .jobs-page .jobs-page-section .content-item.banner-content.banner-white h3 {
    text-shadow: 2px 2px 32px #000;
  }
}

.jobs-page .jobs-page-section .content-item.banner-content.banner-white figure+h2 {
  text-shadow: 2px 2px 32px #000;
}

.jobs-page .jobs-page-section.section-two-columns {
  margin-bottom: 40px;
}

.jobs-page .jobs-page-section.section-two-columns .section-content-container {
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
}

@media all and (min-width: 641px) {
  .jobs-page .jobs-page-section.section-two-columns .section-content-container {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.jobs-page .jobs-page-section.section-two-columns .section-content-container .content-item {
  height: 100%;
  margin-bottom: 0;
}

.jobs-page .jobs-page-section.section-three-columns .section-content-container {
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 24px;
}

@media all and (min-width: 641px) {
  .jobs-page .jobs-page-section.section-three-columns .section-content-container {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.jobs-page .jobs-page-section.section-three-columns .section-content-container .content-item {
  height: 100%;
  margin-bottom: 0;
}

.jobs-page .jobs-page-section.section-faq {
  margin-bottom: 20px;
}

.jobs-page .jobs-page-section.section-faq h2.faq-header {
  margin: 20px 0 15px;
}

.jobs-page .jobs-page-section.section-faq .accordion+h2.faq-header {
  margin-top: 40px;
}

.jobs-page .jobs-page-section.section-faq .faq {
  border-top: 1px solid #d8d8d8;
  margin-bottom: 0;
  min-height: 55px;
  padding: 1rem 2.5rem 1rem 0;
  position: relative;
  -webkit-transition: all 240ms ease-in-out 10ms;
  transition: all 240ms ease-in-out 10ms;
}

.jobs-page .jobs-page-section.section-faq .faq .question {
  margin-bottom: 5px;
  position: relative;
}

.jobs-page .jobs-page-section.section-faq .faq button.question-heading:hover,
.jobs-page .jobs-page-section.section-faq .faq button.question-heading:focus {
  border-bottom: 1px solid transparent;
  color: #ee0000;
  outline: none;
  text-decoration: none;
}

.jobs-page .jobs-page-section.section-faq .faq button.question-heading {
  appearance: none;
  background: transparent;
  color: #222;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}

.jobs-page .jobs-page-section.section-faq .faq .question::before {
  color: #ee0000;
  content: "+";
  cursor: pointer;
  line-height: 1;
  font-size: 1.5rem;
  margin-left: 0;
  margin-right: -2.5rem;
  position: absolute;
  right: 5px;
  top: calc(50% - 12px);
  transition: transform 0.3s ease-in-out;
}

.jobs-page .jobs-page-section.section-faq .faq .answer {
  margin-bottom: -10px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 520ms ease-in-out 10ms;
  transition: all 520ms ease-in-out 10ms;
}

.jobs-page .jobs-page-section.section-faq .faq .answer>div {
  padding: 1rem 0 10px;
}

.jobs-page .jobs-page-section.section-faq .faq.active .answer {
  height: auto;
  max-height: 9000px;
  opacity: 1;
}

.jobs-page .jobs-page-section.section-faq .faq.active button.question-heading {
  border-bottom: 1px solid #ee0000;
  color: #ee0000;
  text-decoration: none;
}

.jobs-page .jobs-page-section.section-faq .faq.active .question::before {
  line-height: 1em;
  transform: rotate(-225deg);
}

.jobs-page .jobs-page-footer .jobs-page-section {
  border-top: 1px solid #d8d8d8;
  margin: 40px 0 60px;
  padding-top: 20px;
}

.jobs-page .jobs-page-footer .jobs-page-section .content-item h2,
.jobs-page .jobs-page-footer .jobs-page-section .content-item h3 {
  margin-bottom: 10px;
}

.jobs-page .jobs-page-footer .jobs-page-section .content-item .content-item-button-container a {
  background-color: #ee0000;
}

.jobs-page .jobs-page-footer .jobs-page-section .content-item .content-item-button-container a:hover,
.jobs-page .jobs-page-footer .jobs-page-section .content-item .content-item-button-container a:focus {
  background-color: #9A0000;
}

.jobs-page .jobs-page-footer .jobs-page-section .content-item:first-of-type h2,
.jobs-page .jobs-page-footer .jobs-page-section .content-item:first-of-type h3 {
  font-size: 22px;
  font-weight: 600;
  margin-top: 0;
}

@media all and (min-width: 641px) {
  .jobs-page .social-widget {
    float: right;
  }
}

@media (min-width: 641px) {
  .pfa {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }
}

.pfa.large-3 {
  padding-top: 0;
}

.pfa section.pfa-home {
  border-top: none;
  padding-top: 0 !important;
}

@media (min-width: 641px) {
  .pfa section.pfa-home {
    border-top: 1px solid #d8d8d8 !important;
    padding-top: 16px !important;
  }
}

.pfa strong {
  font-weight: 600;
}

.pfa .h1,
.pfa .h2,
.pfa .h3,
.pfa .h4 {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}

.pfa .h1 {
  font-size: 1.5625rem;
}

.pfa .h2 {
  font-size: 1.25rem;
}

.pfa .pfa-banner {
  margin: 0 -.9375rem 25px;
}

.pfa .pfa-banner>span,
.pfa .pfa-banner span.imgLeft {
  display: block;
  position: relative;
  width: 100% !important;
}

.pfa .pfa-banner>span p,
.pfa .pfa-banner span.imgLeft p {
  background: #222;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 10px 1rem;
  text-shadow: 0 0 15px #222;
  z-index: 20;
}

@media (min-width: 641px) {

  .pfa .pfa-banner>span p,
  .pfa .pfa-banner span.imgLeft p {
    background: none;
    font-size: 25px;
    padding: 25px;
    position: absolute;
    bottom: 0;
  }
}

@media (min-width: 641px) {

  .pfa .pfa-banner>span:after,
  .pfa .pfa-banner span.imgLeft:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(50%, rgba(0, 0, 0, 0.1)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 50%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.pfa .pfa-banner img {
  width: 100%;
}

@media (min-width: 641px) {
  .pfa .pfa-banner {
    margin: 0 0 25px;
  }
}

.pfa .pfa-course-cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}

.pfa .pfa-course-cta-container>div {
  margin-top: 25px;
  padding: 0;
}

@media (min-width: 768px) {
  .pfa .pfa-course-cta-container>div {
    width: calc(50% - 10px);
  }
}

.pfa .pfa-course-cta-container>div .cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin-bottom: 0;
}

.pfa .pfa-course-cta-container>div .cta .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 0px;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content>div:first-of-type {
  color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: normal;
  margin-bottom: 30px;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content>div:first-of-type strong {
  font-weight: 600;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button {
  border-radius: 6px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 11px 24px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 200ms ease-out;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  -ms-transition: background-color 200ms ease-out;
  -o-tranition: background-color 200ms ease-out;
  background-color: #007fa5;
  color: #fff;
  -ms-flex-item-align: self-start;
  align-self: self-start;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button:hover,
.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button:focus {
  text-decoration: none;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button span {
  color: #fff;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button:hover,
.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button:focus {
  background-color: #005670;
  color: #fff;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button:hover span,
.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button:focus span {
  color: #fff;
}

.pfa .pfa-course-cta-container>div .cta .panel .panel-content .button span {
  display: none;
}

@media (min-width: 951px) {
  .pfa .pfa-course-cta-container {
    padding: 0;
  }
}

.pfa .pfa-content-block strong {
  font-weight: 600;
}

.pfa .pfa-content-block-with-top-border {
  border-top: 1px solid #d8d8d8;
  margin-top: 30px;
  padding: 23px 0 0;
}

.pfa .pfa-content-block-with-top-border h2 {
  margin-top: 0;
}

.pfa .pfa-content-block-with-top-border h2 svg {
  vertical-align: middle;
  width: 25px;
}

.pfa .pfa-bottom-cta-container {
  border-top: 1px solid #d8d8d8;
  margin-top: 30px;
  padding-top: 30px;
  position: relative;
}

@media (min-width: 768px) {
  .pfa .pfa-bottom-cta-container {
    border-top: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    padding: 40px 0px;
    width: 100%;
  }
}

@media (min-width: 951px) {
  .pfa .pfa-bottom-cta-container {
    padding: 40px 25px;
  }
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta {
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: block;
  margin-bottom: 15px;
  padding: 20px;
  text-decoration: none;
  transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-tranition: all 300ms ease-out;
}

@media (min-width: 768px) {
  .pfa .pfa-bottom-cta-container .pfa-bottom-cta {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-bottom: 40px;
    margin-left: 20px;
    width: 50%;
  }
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-title * {
  color: #222;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description {
  color: #222;
  font-weight: 400;
  margin-bottom: 20px;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description a {
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  color: #005670;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description a:hover,
.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description a:focus {
  text-decoration: underline;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description a span {
  color: #005670;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description a:hover,
.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description a:focus {
  color: #222;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description a:hover span,
.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-description a:focus span {
  color: #222;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta .pfa-link {
  color: #ee0000;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta:hover,
.pfa .pfa-bottom-cta-container .pfa-bottom-cta:focus {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  color: #222;
  text-decoration: none;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta:hover .pfa-title *,
.pfa .pfa-bottom-cta-container .pfa-bottom-cta:focus .pfa-title * {
  color: #222;
  text-decoration: underline;
}

.pfa .pfa-bottom-cta-container .pfa-bottom-cta:hover .pfa-link,
.pfa .pfa-bottom-cta-container .pfa-bottom-cta:focus .pfa-link {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .pfa .pfa-bottom-cta-container .pfa-bottom-cta:first-of-type {
    margin-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .articles article img {
    margin-bottom: 20px !important;
  }
}

@media only screen and (max-width: 640px) {
  .articles article div:last-child {
    padding-left: 0;
  }
}

#sitemap {
  border-top: 1px solid #d8d8d8;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  #sitemap>.CMSSiteMapList {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  #sitemap>.CMSSiteMapList>.CMSSiteMapListItem {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    list-style-image: none;
    page-break-inside: avoid;
  }
}

#sitemap .CMSSiteMapList {
  margin: 0;
  padding-left: 12px;
}

#sitemap .CMSSiteMapList>.CMSSiteMapListItem {
  margin: 0;
  padding: 0;
}

#sitemap .CMSSiteMapList>.CMSSiteMapListItem a {
  font-size: 1.125rem;
  font-weight: 700;
}

#sitemap .CMSSiteMapList>.CMSSiteMapListItem .CMSSiteMapList {
  margin-left: 0;
  padding-bottom: 10px;
  padding-left: 12px;
}

#sitemap .CMSSiteMapList>.CMSSiteMapListItem .CMSSiteMapList .CMSSiteMapListItem {
  list-style-image: none;
  margin-left: 10px;
  padding-bottom: 0;
  text-indent: -13px;
}

#sitemap .CMSSiteMapList>.CMSSiteMapListItem .CMSSiteMapList .CMSSiteMapListItem::before {
  content: '';
  background-image: url("/content/images/black-bullet.png");
  background-position: inherit;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 4px;
  width: 12px;
}

#sitemap .CMSSiteMapList>.CMSSiteMapListItem .CMSSiteMapList .CMSSiteMapListItem a {
  color: #222;
  font-size: 0.875rem;
  font-weight: inherit;
  text-decoration: underline;
  text-transform: none;
}

.branch-results-wrapper {
  padding: 1rem;
}

.branch-results-wrapper .branch-result {
  background-color: #f7f7f7;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem !important;
  padding: 1rem 0;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.branch-results-wrapper .branch-result:hover,
.branch-results-wrapper .branch-result:focus {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  color: #333;
  outline: none;
  text-decoration: none;
}

.branch-results-wrapper .branch-result .h3 {
  line-height: 1;
}

.branch-results-wrapper .branch-result .h3 a {
  color: #222;
}

.branch-results-wrapper .branch-result .h3 a:hover,
.branch-results-wrapper .branch-result .h3 a:focus {
  color: #222;
}

.branch-results-wrapper .branch-result .branch-result-link p {
  margin-bottom: 5px;
}

.branch-results-wrapper .branch-result .branch-result-link ul {
  padding: 0;
}

@media (min-width: 768px) {
  .branch-results-wrapper .branch-result .branch-result-link ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 951px) {
  .branch-results-wrapper .branch-result .branch-result-link ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media (min-width: 1171px) {
  .branch-results-wrapper .branch-result .branch-result-link ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.branch-results-wrapper .branch-result .branch-result-link ul li {
  font-size: 0.8125rem;
  list-style-image: none;
  list-style-type: none;
  padding-bottom: 3px;
}

.branch-results-wrapper .branch-result .branch-result-link ul li a {
  color: #d60000;
}

.branch-results-wrapper .branch-result .branch-result-link ul li a:hover,
.branch-results-wrapper .branch-result .branch-result-link ul li a:focus {
  color: #9A0000;
}

.service-results-wrapper {
  padding: 1rem;
}

.service-results-wrapper .service-result {
  background-color: #f7f7f7;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem !important;
  padding: 1rem 0;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.service-results-wrapper .service-result:hover,
.service-results-wrapper .service-result:focus {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  color: #333;
  outline: none;
  text-decoration: none;
}

.service-results-wrapper .service-result .h3 {
  line-height: 1;
}

.service-results-wrapper .service-result .h3 a {
  color: #222;
}

.service-results-wrapper .service-result .h3 a:hover,
.service-results-wrapper .service-result .h3 a:focus {
  color: #222;
}

.service-results-wrapper .service-result .service-result-type p {
  margin-bottom: 1rem;
}

.service-results-wrapper .service-result .service-result-type .service-result-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 641px) {
  .service-results-wrapper .service-result .service-result-type .service-result-icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (min-width: 1171px) {
  .service-results-wrapper .service-result .service-result-type .service-result-icon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.service-results-wrapper .service-result .service-result-type .service-result-icon a {
  color: #d60000;
  width: calc(50% - 10px);
}

.service-results-wrapper .service-result .service-result-type .service-result-icon a:nth-of-type(3) {
  margin-top: 20px;
}

@media (min-width: 641px) {
  .service-results-wrapper .service-result .service-result-type .service-result-icon a {
    margin-right: 20px;
    width: auto;
  }

  .service-results-wrapper .service-result .service-result-type .service-result-icon a:nth-of-type(3) {
    margin-top: 0;
  }
}

@media (min-width: 951px) {
  .service-results-wrapper .service-result .service-result-type .service-result-icon a {
    margin-right: 0;
  }

  .service-results-wrapper .service-result .service-result-type .service-result-icon a:nth-of-type(2),
  .service-results-wrapper .service-result .service-result-type .service-result-icon a:nth-of-type(3) {
    margin-top: 20px;
  }
}

@media (min-width: 1171px) {
  .service-results-wrapper .service-result .service-result-type .service-result-icon a {
    width: calc(50% - 10px);
  }

  .service-results-wrapper .service-result .service-result-type .service-result-icon a:nth-of-type(2) {
    margin-top: 0;
  }
}

.service-results-wrapper .service-result .service-result-type .service-result-icon a p {
  color: #d60000;
  font-size: 13px;
  font-weight: 600;
  margin: 5px 0 0;
}

.service-results-wrapper .service-result .service-result-type .service-result-icon a:hover,
.service-results-wrapper .service-result .service-result-type .service-result-icon a:focus {
  color: #9A0000;
}

.service-results-wrapper .service-result .service-result-type .service-result-icon a:hover p,
.service-results-wrapper .service-result .service-result-type .service-result-icon a:focus p {
  color: #9A0000;
}

.service-results-wrapper .service-result .service-result-type .service-result-icon a:hover svg path,
.service-results-wrapper .service-result .service-result-type .service-result-icon a:focus svg path {
  fill: #9A0000;
}

html[lang="fr"] td[data-content="Type de service"] {
  min-width: 122px;
}

html[lang="fr"] td[data-content="Adresse"] {
  min-width: 210px;
}

html[lang="fr"] td[data-content="Dist."] {
  min-width: 80px;
}

html[lang="fr"] td[data-content="Téléphone"] {
  min-width: 165px;
}

.contact-listing-container .contact-listing {
  background-color: #f7f7f7;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 641px) {
  .contact-listing-container .contact-listing .columns {
    margin-bottom: 15px;
  }
}

.contact-listing-container .contact-listing p {
  line-height: 1.35;
  margin-bottom: 0;
}

.map-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.map-navigation .map-container svg a {
  text-decoration: none;
  outline: 0;
}

.map-navigation .map-container svg a .province-group {
  cursor: pointer;
}

.map-navigation .map-container svg a .province-group .province-path {
  fill: #efe7e1;
  stroke: #222;
  stroke-width: 0.25px;
  -webkit-transition: fill 0.25s ease-out;
  transition: fill 0.25s ease-out;
}

.map-navigation .map-container svg a .province-group .province-label {
  fill: #222;
  font-family: 'open sans', Verdana, arial;
  font-size: 8px;
  font-weight: 600;
  stroke: #222;
  stroke-width: 0.25px;
}

.map-navigation .map-container svg a:hover .province-path {
  fill: #e00;
}

.map-navigation .map-container svg a:hover .province-label {
  fill: #fff;
  stroke: #fff;
}

.map-navigation .map-container svg a:hover .keep-black-text-on-hover .province-label {
  fill: #222;
  stroke: #222;
}

.map-navigation .map-container svg a:focus .province-path {
  stroke: #777;
  stroke-width: 1px;
}

.map-navigation .links-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3px;
}

.map-navigation .links-container a {
  color: #005670;
  text-decoration: none;
}

.map-navigation .links-container a:hover {
  color: #000;
  font-weight: 700;
}

.map-navigation-instructions {
  display: none;
}

@media all and (min-width: 768px) {
  .map-navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
  }

  .map-navigation .map-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .map-navigation .links-container {
    border: 1px solid #d8d8d8;
    padding: 20px;
    max-width: 250px;
  }

  .map-navigation-instructions {
    display: block;
  }
}

.ecsf-programs-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.ecsf-programs-container .ecsf-back-to-top {
  margin: 20px 0;
  position: -webkit-sticky;
  position: sticky;
  text-align: right;
  top: 200px;
}

.ecsf-programs-container .ecsf-back-to-top a {
  background: #d9d9d9;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 20px 10px;
  width: 50px;
}

.ecsf-programs-container .ecsf-back-to-top a::before {
  content: '\F062';
  display: block;
  font-family: 'FontAwesome';
  font-weight: 400;
}

.ecsf-programs-container .accordion-v2.ecsf-accordion {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ecsf-programs-container .accordion-v2.ecsf-accordion .accordion-item {
  padding: 12px 0 12px 24px;
}

.ecsf-programs-container .accordion-v2.ecsf-accordion .accordion-item>.accordion-item-title {
  font-size: 16px;
}

.ecsf-programs-container .accordion-v2.ecsf-accordion .accordion-item>.accordion-item-description>.accordion-item>.accordion-item-title {
  color: #005670;
  font-size: 16px;
  font-weight: 600;
}

@media all and (min-width: 768px) {
  .ecsf-programs-container .ecsf-back-to-top a {
    width: 70px;
  }

  .ecsf-programs-container .accordion-v2.ecsf-accordion .accordion-item {
    padding: 16px 0 16px 24px;
  }

  .ecsf-programs-container .accordion-v2.ecsf-accordion .accordion-item>.accordion-item-title {
    font-size: 22px;
  }

  .ecsf-programs-container .accordion-v2.ecsf-accordion .accordion-item>.accordion-item-description>.accordion-item>.accordion-item-title {
    font-size: 18px;
  }
}

.stats {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-bottom: 40px;
  margin-top: 40px;
}

.stats .stats-title.h2 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0 auto;
  max-width: 760px;
  text-align: center;
}

@media (min-width: 768px) {
  .stats .stats-title.h2 {
    font-size: 2.375rem;
  }
}

.stats .stat-icons-container {
  margin: 50px auto 30px;
  max-width: 951px;
}

@media (min-width: 768px) {
  .stats .stat-icons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.stats .stat-icons-container .stat-icon {
  padding: 0 25px;
  text-align: center;
  width: 250px;
}

@media (max-width: 857px) {
  .stats .stat-icons-container .stat-icon {
    margin: 0 auto 40px;
    max-width: 300px;
  }
}

.stats .stat-icons-container .stat-icon .stat-icon-image {
  margin: 0 auto;
  max-width: 90px;
}

@media (min-width: 768px) {
  .stats .stat-icons-container .stat-icon .stat-icon-image {
    max-width: 130px;
  }
}

.stats .stat-icons-container .stat-icon .stat-icon-title {
  color: #ee0000;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 20px 0 8px;
  text-transform: uppercase;
}

.stats .stat-icons-container .stat-icon .stat-icon-title sup {
  display: block;
  font-size: 0.75rem;
}

.stats .stats-button-container {
  text-align: center;
}

.resourceError {
  width: 100%;
  display: block;
  background-color: #ee0000;
  text-align: center;
  color: white;
  padding: 10px;
}

body.Gecko11 .donate-now .main-content .form-container .donate-form fieldset ul.price-points li input[type=text],
body.IE10 .donate-now .main-content .form-container .donate-form fieldset ul.price-points li input[type=text],
body.IE9 .donate-now .main-content .form-container .donate-form fieldset ul.price-points li input[type=text],
body.IE8 .donate-now .main-content .form-container .donate-form fieldset ul.price-points li input[type=text] {
  padding: 0 5px;
}

body.IE8 {
  min-width: 1024px;
}

.IE8 {
  font-size: 14px;
}

.IE8 .column,
.IE8 .columns {
  padding-left: 18px;
  padding-right: 18px;
}

.IE8 .content img {
  width: inherit !important;
  /* Make images fill their parent's space. Solves IE8. */
  max-width: 100% !important;
  /* Add !important if needed. */
  height: auto !important;
}

.IE8 select {
  font-family: Helvetica, Arial !important;
  color: #000;
  padding: 0;
  border-radius: 0;
  background: #fff;
}

.IE8 select option {
  font-family: Helvetica, Arial !important;
}

.IE8 [class*="block-grid-"]>li {
  padding: 0 10px 0px;
}

.IE8 .inline-list>li {
  margin-left: 13px;
}

.IE8 .donate-site-main ul.donate-select-nav li a span {
  position: static;
}

.IE8 .donate-now .form-container {
  background-repeat: no-repeat;
}

.IE8 .site-header .social-icons li {
  margin-left: 10px;
}

.IE8 .site-header .utility-nav a {
  font-size: 13px;
}

.IE8 .donate-bar .row {
  padding: 7px 0;
}

.IE8 ul.pagination li {
  padding: 5px;
}

.IE8 ul.pagination li a,
.IE8 ul.pagination li button {
  display: inline-block;
  padding: 4px 10px 4px;
}

.IE8 .svg,
.IE8 [xmlns="http://www.w3.org/2000/svg"],
.IE8 .site-header .province-dd-wrap span {
  display: none;
}

.IE8 .ros-banner {
  border-top: 1px solid #efefef;
  position: fixed;
  z-index: 1000000000000000000000000000;
}

.IE8 h1 {
  line-height: 1.3;
}

.IE8 .row {
  max-width: 1100px;
}

.IE8 .site-main .row,
.IE8 .site-footer .row {
  height: auto;
}

.IE8 .slick-dots-wrapper {
  background-color: #efefef;
}

.IE8 .hide-for-large-up {
  display: none;
}

.IE8 .flexpanel {
  display: none !important;
}

.IE8 .cta.twitter {
  display: block;
  overflow: hidden;
  width: 100%;
  clear: both;
}

.IE8 .main-nav ul.inline-list {
  overflow: visible;
}

.IE8 .main-nav li {
  position: relative;
}

.IE8 .main-nav li a {
  font-size: 15px;
}

.IE8 .main-nav .sub-nav {
  right: 0 !important;
  top: 100%;
  z-index: 10000000000000000000000000000;
}

.IE8 li.province-dd .sub-nav {
  top: 20px;
}

.IE8 .ctas {
  padding: 20px 0;
  display: block;
  overflow: hidden;
  display: block;
  width: 100%;
}

.IE8 .donate-bar {
  height: 46px;
  padding-bottom: 10px;
  padding-top: 7px;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.IE8 .donate-bar .row {
  padding: 0;
}

.IE8 .slick-dots-wrapper ul.slick-dots li button {
  padding: 0 20px;
}

.IE8 .slick-dots-wrapper ul.slick-dots li button .vertical-align {
  position: static;
}

.IE8 .slick-dots-wrapper ul.slick-dots li button .icon {
  display: none !important;
}

.IE8 .social-widget.page-share,
.IE8 .subscribe img,
.IE8 .crc-rss {
  display: none !important;
}

.IE8 .rich-text img {
  width: auto !important;
}

.video-player {
  margin: 12px 0;
  padding: 0;
}

@media (min-width: 951px) {
  .video-player {
    margin: 12px 0 0;
    padding-right: 30px;
  }
}

.video-summary {
  padding: 15px 0 0;
}

@media (min-width: 951px) {
  .video-summary {
    margin-bottom: 15px;
    margin-top: 12px;
    padding-top: 0;
  }
}

.video-summary .h4 {
  margin-bottom: .5rem;
}

.video-summary p:last-of-type {
  margin-bottom: 0;
}

.video-summary p a:hover,
.video-summary p a:focus {
  outline: none;
  text-decoration: underline;
}

.video-info {
  padding: 15px 0 0;
}

@media (min-width: 951px) {
  .video-info {
    margin-bottom: 15px;
    padding-top: 0;
  }
}

.video-info p {
  margin-bottom: 0;
}

.video-tags {
  margin: 0 0 15px;
  padding: 15px 0 0;
}

@media (min-width: 951px) {
  .video-tags {
    padding-top: 0;
  }
}

.video-tags span.tags {
  padding-right: 7px;
}

.video-tags span.tags a {
  color: #005670;
  font-weight: 400;
  line-height: 1.25;
  position: relative;
  text-decoration: underline;
}

.video-tags span.tags a span {
  line-height: 14px;
}

.video-tags span.tags a::after {
  bottom: 1px;
  color: #222;
  content: ",";
  line-height: 14px;
  position: absolute;
  right: -4px;
}

.video-tags span.tags a:hover,
.video-tags span.tags a:focus {
  color: #222;
  outline: none;
  text-decoration: underline;
}

.video-tags span.tags:last-of-type a::after {
  content: "";
}

.transcript-container .transcript-item {
  padding-top: 15px;
}

.transcript-container .transcript-item .transcript-button {
  background: none;
  border: 0;
  color: #005670;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

.transcript-container .transcript-item .transcript-button:hover,
.transcript-container .transcript-item .transcript-button:focus {
  background: none;
  border: 0;
  color: #222;
}

.transcript-container .transcript-item .transcript-text {
  display: none;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.transcript-container .transcript-item .transcript-text.show-transcript {
  display: block;
  height: initial;
  opacity: 1;
}

.transcript {
  padding-bottom: 30px;
}

.transcript-content {
  display: none;
  padding-top: 15px;
}

.hide-text {
  display: none;
}

.transcript-text {
  display: none;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.show-transcript {
  display: block;
  height: initial;
  opacity: 1;
}

.transcript-button {
  background: none;
  border: 0;
  color: #005670;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

.transcript-button:hover,
.transcript-button:focus {
  background: none;
  border: 0;
  color: #222;
}

.media-item .video-preview-container,
.related-videos .video-preview-container {
  padding: 0;
}

.media-item .video-preview-container .video-preview-container-information,
.related-videos .video-preview-container .video-preview-container-information {
  padding: 15px;
}

.media-item .video-preview-container .video-preview-container-information .h3,
.related-videos .video-preview-container .video-preview-container-information .h3 {
  line-height: 1.375;
}

.media-item .video-preview-container .video-preview-container-information .h3 a,
.related-videos .video-preview-container .video-preview-container-information .h3 a {
  color: #222;
  font-weight: 600;
  text-decoration: none;
}

.media-item .video-preview-container .video-preview-container-information .h3 a:hover,
.media-item .video-preview-container .video-preview-container-information .h3 a:focus,
.related-videos .video-preview-container .video-preview-container-information .h3 a:hover,
.related-videos .video-preview-container .video-preview-container-information .h3 a:focus {
  color: #222;
  outline: none;
  text-decoration: underline;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx {
  border-top: 0;
  padding: 0;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag>div,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag>div {
  border-top: 1px solid #d8d8d8;
  padding: 10px 15px;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag .CMS-CRC-src-scss-components-multimedia-media-item__tag-title--qRDgU,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag .CMS-CRC-src-scss-components-multimedia-media-item__tag-title--qRDgU {
  font-size: .8125rem;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul {
  line-height: 14px;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li {
  display: inline;
  line-height: 14px;
  margin-right: 0;
  padding-right: 6px;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a {
  display: inline;
  line-height: 14px;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a span,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a span {
  color: #005670;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 14px;
  padding-right: 0;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a:hover span,
.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a:focus span,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a:hover span,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li a:focus span {
  color: #222;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li::after,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li::after {
  color: #222;
  content: ",";
  line-height: 14px;
  position: absolute;
  bottom: 0;
  right: inherit;
  top: inherit;
}

.media-item .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li:last-of-type::after,
.related-videos .video-preview-container .CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx.video-preview-container-tag ul li:last-of-type::after {
  content: "";
}

.related-videos {
  padding: 0;
}

@media (min-width: 951px) {
  .related-videos .CMS-CRC-src-containers-related-items-container-style__related-list--1cm39 {
    margin: 0 -7px;
  }
}

@media (min-width: 951px) {
  .related-videos .CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5.CMS-CRC-src-scss-components-multimedia-media-item__wrapper--3qyHC {
    padding: 0 7px;
  }
}

@media (min-width: 951px) {
  .related-videos .CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5 .video-preview-container .video-preview-container-information {
    padding: 10px;
  }
}

.related-videos .CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5 .video-preview-container .video-preview-container-tag>div {
  padding: 10px;
}

html,
body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

.no-scroll {
  overflow: hidden;
  position: static;
}

.media-alerts-cta label {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  text-align: left;
}

.media-alerts-cta label span {
  color: #ee0000;
}

.media-alerts-cta label.button {
  text-align: center;
}

.media-alerts-cta input[type="text"]+span.error[style*="inline"],
.media-alerts-cta input[type="email"]+span.error[style*="inline"] {
  display: block !important;
}

.media-alerts-cta .error-group {
  padding-bottom: 10px;
}

div.focus-trap-wrapper,
div.focus-trap-backdrop {
  outline: none;
}

div.focus-trap-wrapper:focus,
div.focus-trap-backdrop:focus {
  outline: none;
}

.CMS-CRC-src-components-pagination-style__container--SNM2i {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.CMS-CRC-src-components-loading-style__screen-reader--3V3RH {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  outline: 0;
  appearance: none;
}

@-webkit-keyframes bouncing-loader {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0.1;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
  }
}

@keyframes bouncing-loader {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0.1;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
  }
}

.bouncing-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bouncing-loader>div {
  -webkit-animation: bouncing-loader 0.6s infinite alternate;
  animation: bouncing-loader 0.6s infinite alternate;
  background: #ee0000;
  border-radius: 50%;
  height: 10px;
  margin: 48px 2px;
  width: 10px;
}

.bouncing-loader>div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.bouncing-loader>div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.CMS-CRC-src-components-tags-style__tag--2V-ar {
  border-radius: 100px;
  background-color: #ececec;
  color: #333;
  padding: 5px 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration: none !important;
}

.CMS-CRC-src-components-tags-style__tag--2V-ar span {
  overflow-wrap: break-word;
  color: #333;
}

.CMS-CRC-src-components-tags-style__tag--2V-ar:hover,
.CMS-CRC-src-components-tags-style__tag--2V-ar:focus {
  text-decoration: underline !important;
}

.CMS-CRC-src-components-tags-style__text--31DJ- {
  color: #ee0000;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  padding-right: 5px;
}

.CMS-CRC-src-components-tags-style__cross--23HFy {
  height: 12px;
  width: 10px;
  color: #333;
  font-size: 12px !important;
  line-height: 12px !important;
}

.CMS-CRC-src-components-tags-style__list--F7iRM {
  margin: 0;
  padding: 0;
  display: inline;
}

.CMS-CRC-src-components-tags-style__list--F7iRM li {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  padding-bottom: 0;
  list-style: none;
}

.CMS-CRC-src-components-filters-style__select--2sc0G {
  margin-bottom: 30px;
  -ms-overflow-style: scrollbar;
}

.CMS-CRC-src-components-filters-style__select--2sc0G .Select-control {
  border: 1px solid #d8d9db;
  background-color: #fff;
  border-radius: 0;
  height: 30px;
}

.CMS-CRC-src-components-filters-style__select--2sc0G .Select-placeholder {
  color: #414244;
}

.CMS-CRC-src-components-filters-style__select--2sc0G .Select-input>input::-webkit-contacts-auto-fill-button {
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
  visibility: hidden;
}

.CMS-CRC-src-components-filters-style__category-label--2AMRV {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.CMS-CRC-src-components-filters-style__clear-filter--3AJOM {
  background: none;
  border-bottom: 2px solid #005670;
  border-radius: 0;
  color: #005670;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 0;
  text-transform: uppercase;
  padding: 0;
  width: auto;
}

@media (min-width: 641px) {
  .CMS-CRC-src-components-filters-style__clear-filter--3AJOM {
    margin-top: 35px;
  }

  html[lang="fr"] .CMS-CRC-src-components-filters-style__clear-filter--3AJOM {
    margin-top: 0;
  }
}

@media (min-width: 937px) {
  html[lang="fr"] .CMS-CRC-src-components-filters-style__clear-filter--3AJOM {
    margin-top: 35px;
  }
}

.CMS-CRC-src-components-filters-style__clear-filter--3AJOM::after {
  content: "\F00D";
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 14px;
  font-weight: 400;
  padding-left: 5px;
}

.CMS-CRC-src-components-filters-style__clear-filter--3AJOM:hover,
.CMS-CRC-src-components-filters-style__clear-filter--3AJOM:focus {
  background-color: inherit;
  border-bottom: 2px solid #222;
  color: #222;
}

.CMS-CRC-src-components-filters-style__text--1u766 {
  color: #222;
  font-size: 10px;
  font-weight: 600;
  padding-right: 5px;
}

.CMS-CRC-src-components-filters-style__dropdown-option--21aSZ {
  margin-left: 5px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.CMS-CRC-src-components-filters-style__dropdown-option--21aSZ input[type='checkbox'] {
  margin-top: 4px !important;
  margin-right: 6px !important;
}

.CMS-CRC-src-components-filters-style__dropdown-option--21aSZ p {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.CMS-CRC-src-containers-download-form-style__photos-form-container--3YJhO {
  border: none;
}

.CMS-CRC-src-containers-download-form-style__photos-form-container--3YJhO .CMS-CRC-src-containers-download-form-style__fields--ISYZ2 {
  width: 100%;
}

@media (min-width: 641px) {
  .CMS-CRC-src-containers-download-form-style__photos-form-container--3YJhO .CMS-CRC-src-containers-download-form-style__fields--ISYZ2 .medium-3 {
    width: 100%;
  }

  .CMS-CRC-src-containers-download-form-style__photos-form-container--3YJhO .CMS-CRC-src-containers-download-form-style__fields--ISYZ2 .medium-3:last-of-type {
    width: auto;
  }
}

.CMS-CRC-src-containers-download-form-style__photos-form-container--3YJhO .CMS-CRC-src-containers-download-form-style__fields--ISYZ2 .CMS-CRC-src-components-form-input-style__form-group--lZWJG label {
  color: #222;
}

.CMS-CRC-src-components-form-input-style__form-group--lZWJG {
  display: inline;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.CMS-CRC-src-components-form-input-style__form-group--lZWJG label {
  display: inline-block;
  margin-bottom: .5rem;
  font-size: 14px;
  text-align: left;
  font-weight: 600;
}

.CMS-CRC-src-components-form-input-style__form-group--lZWJG label span {
  color: #ee0000;
}

.CMS-CRC-src-components-form-input-style__form-group--lZWJG input[type="text"],
.CMS-CRC-src-components-form-input-style__form-group--lZWJG input[type="email"] {
  margin-bottom: 10px;
}

.CMS-CRC-src-components-form-input-style__form-group--lZWJG input[type="text"]::-webkit-contacts-auto-fill-button,
.CMS-CRC-src-components-form-input-style__form-group--lZWJG input[type="email"]::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.CMS-CRC-src-components-form-input-style__form-group--lZWJG span.error {
  font-size: 13px;
}

.CMS-CRC-src-components-form-input-style__form-input--3ojN3 {
  display: inline-block;
}

.CMS-CRC-src-components-lightbox-style__mask--HTutb {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

.CMS-CRC-src-components-lightbox-style__window--2Jq4p {
  display: inline-block;
  z-index: 101;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: grey;
  background-color: #fff;
  padding: 30px;
  max-height: 90vh;
  max-width: 80vw;
}

.CMS-CRC-src-components-lightbox-style__window--2Jq4p img {
  max-height: calc(90vh - 60px);
  max-width: calc(80vw - 60px);
}

.CMS-CRC-src-components-lightbox-style__window--2Jq4p:focus {
  outline: none;
}

.CMS-CRC-src-components-lightbox-style__window--2Jq4p .focus-trap:focus {
  outline: none;
  -webkit-appearance: none;
}

.CMS-CRC-src-components-lightbox-style__close--2HWEY {
  position: absolute;
  left: -22px;
  top: -18px;
  border-radius: 50%;
  font-weight: 600;
  padding: 9px 14px;
  outline: none;
}

.CMS-CRC-src-components-lightbox-style__close--2HWEY:focus {
  outline: none;
  -webkit-appearance: none;
}

.CMS-CRC-src-components-lightbox-style__sr-only--2rBbx {
  display: none;
}

.CMS-CRC-src-components-lightbox-style__sr-only--2rBbx:focus {
  outline: none;
  -webkit-appearance: none;
}

.CMS-CRC-src-components-photo-item-style__lightbox-item--2UJbf {
  background: none;
  border: 0;
  padding: 0;
  width: 100%;
}

.CMS-CRC-src-components-photo-item-style__lightbox-item--2UJbf:hover,
.CMS-CRC-src-components-photo-item-style__lightbox-item--2UJbf:focus {
  background: none;
}

.CMS-CRC-src-components-photo-item-style__lightbox-item--2UJbf img {
  height: 132px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .CMS-CRC-src-components-photo-item-style__lightbox-item--2UJbf img {
    height: 300px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .CMS-CRC-src-components-photo-item-style__lightbox-item--2UJbf img {
    height: 210px;
  }
}

.CMS-CRC-src-components-photo-item-style__credits--GZDqG {
  font-size: 12px;
  font-style: italic;
  line-height: 17px;
  margin-bottom: 15px;
}

.CMS-CRC-src-components-photo-item-style__download-text--hh0Dm {
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
}

.CMS-CRC-src-components-photo-item-style__download-link--1Gv-D {
  border-bottom: 1px solid #005670;
  color: #005670;
  font-size: 13px;
  margin-right: 1rem;
  text-decoration: none !important;
}

.CMS-CRC-src-components-photo-item-style__download-link--1Gv-D:hover,
.CMS-CRC-src-components-photo-item-style__download-link--1Gv-D:focus {
  border-bottom: 1px solid #222;
  color: #222;
  text-decoration: none;
}

.CMS-CRC-src-components-photo-item-style__zoom-icon--sACHo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ee0000;
  border-radius: 30px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  width: 30px;
}

.CMS-CRC-src-components-photo-item-style__zoom-icon--sACHo:hover,
.CMS-CRC-src-components-photo-item-style__zoom-icon--sACHo:focus {
  background-color: #be0000;
}

.CMS-CRC-src-components-photo-item-style__zoom-icon--sACHo>i {
  font-size: 14px;
}

.CMS-CRC-src-components-show-more-style__container--w_IGS {
  position: relative;
}

.CMS-CRC-src-components-show-more-style__context--30Tlf {
  min-height: 66px;
  overflow: hidden;
  position: relative;
}

.CMS-CRC-src-components-show-more-style__button--4Rpx4 {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
}

.CMS-CRC-src-containers-download-form-style__photos-form-container--3YJhO {
  background: #ececec;
  margin: 30px 0;
  padding: 25px;
}

.CMS-CRC-src-containers-download-form-style__photos-form-container--3YJhO hr {
  border: 1px solid #bdbdbd;
  margin: 14px 0;
}

.CMS-CRC-src-containers-download-form-style__description--3OVI9 {
  color: #222;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd input[type="text"],
.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd input[type="email"] {
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  color: #222;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 0.5rem;
  font-size: 14px;
}

.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd input[type="text"]:hover,
.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd input[type="text"]:focus,
.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd input[type="email"]:hover,
.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd input[type="email"]:focus {
  background-color: #f9f9f9;
  border: 1px solid #333;
}

.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd label {
  margin-bottom: 3px;
}

.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd button {
  margin-top: 22px;
}

.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd button:after {
  right: 17px;
}

.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd button[type="submit"]:disabled {
  background-color: #c9c9c9;
}

@media only screen and (max-width: 640px) {
  .CMS-CRC-src-containers-download-form-style__photos-form--3QJxd button {
    width: 100%;
  }
}

.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd .error,
.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd .EditingFormErrorLabel,
.CMS-CRC-src-containers-download-form-style__photos-form--3QJxd .text-error {
  background: inherit;
  color: #d60000;
  margin-bottom: 0;
}

.CMS-CRC-src-containers-download-form-style__footer-description--2Hr22 {
  font-size: 12px;
  font-style: italic;
}

.CMS-CRC-src-containers-download-form-style__fields--ISYZ2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media only screen and (max-width: 640px) {
  .CMS-CRC-src-containers-download-form-style__fields--ISYZ2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
  }
}

.CMS-CRC-src-containers-download-form-style__form-success--1NBHE input[type="submit"] {
  background-image: url("/content/images/download.png");
  background-repeat: no-repeat;
  background-size: 13px 12px;
  background-position: 87% center;
  padding-right: 47px;
}

.CMS-CRC-src-containers-media-container-style__media-list--3aHEU {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -15px;
}

#media-filter .reactSelect__control {
  border: 1px solid #c0c0c0;
  background-color: #f8f8f8;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 1rem;
  position: inherit;
}

@media (max-width: 640px) {
  #media-filter .reactSelect__control {
    font-size: 1rem;
  }
}

#media-filter .reactSelect__control:hover,
#media-filter .reactSelect__control:focus {
  border: 1px solid #333;
}

#media-filter .reactSelect__control.reactSelect__control--is-focused {
  border: 1px solid #c0c0c0;
}

#media-filter .reactSelect__control.reactSelect__control--is-focused:hover,
#media-filter .reactSelect__control.reactSelect__control--is-focused:focus {
  border: 1px solid #333;
}

#media-filter .reactSelect__control.reactSelect__control--menu-is-open~.reactSelect__menu {
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-radius: 0;
  border-right: 1px solid #c0c0c0;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0;
  max-height: 300px;
}

@media (max-width: 640px) {
  #media-filter .reactSelect__control.reactSelect__control--menu-is-open~.reactSelect__menu {
    max-height: 200px;
  }
}

#media-filter .reactSelect__control.reactSelect__control--menu-is-open~.reactSelect__menu .reactSelect__menu-list {
  border: none;
  border-radius: 0;
  display: block;
  margin-bottom: 15px;
  max-height: 300px;
  overflow-y: scroll;
  padding-top: 0;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

@media (max-width: 640px) {
  #media-filter .reactSelect__control.reactSelect__control--menu-is-open~.reactSelect__menu .reactSelect__menu-list {
    max-height: 200px;
  }
}

#media-filter .reactSelect__control.reactSelect__control--menu-is-open~.reactSelect__menu .reactSelect__menu-list .customSelectOption {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#media-filter .reactSelect__control.reactSelect__control--menu-is-open~.reactSelect__menu .reactSelect__menu-list p {
  margin-bottom: 0;
  padding: 5px;
}

#media-filter .reactSelect__control .reactSelect__indicators .reactSelect__indicator svg {
  fill: #333;
}

#media-filter .reactSelect__control .reactSelect__indicators .reactSelect__indicator-separator {
  display: none;
}

#media-filter .reactSelect__control .reactSelect__placeholder {
  color: #333;
}

html[lang="fr"] #media-filter>.columns:nth-of-type(2n) {
  min-width: 230px;
}

.reactSelect__value-container {
  min-height: 40px;
  max-height: 40px;
  position: initial !important;
}

.reactSelect__clear-indicator {
  display: none;
}

.reactSelect__multi-value__label {
  display: none !important;
}

.customSelectOption {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 5px;
}

.customSelectOption:hover {
  background-color: #ebebeb;
}

.customSelectOption>input {
  margin: 0 5px;
}

.reactSelect__multi-value__remove,
.reactSelect__clear-indicator {
  display: none !important;
}

.reactSelect__control--menu-is-open .reactSelect__indicators .reactSelect__dropdown-indicator {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.CMS-CRC-src-scss-components-multimedia-media-item__wrapper--3qyHC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding: 0 15px;
  width: 33.33%;
}

@media only screen and (max-width: 640px) {
  .CMS-CRC-src-scss-components-multimedia-media-item__wrapper--3qyHC {
    width: 100%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .CMS-CRC-src-scss-components-multimedia-media-item__wrapper--3qyHC {
    width: 50%;
  }
}

.CMS-CRC-src-scss-components-multimedia-media-item__container--2VV6W {
  border: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px;
  width: 100%;
}

.CMS-CRC-src-scss-components-multimedia-media-item__image--XSoN8 {
  margin: 0 !important;
  max-width: 100% !important;
}

.CMS-CRC-src-scss-components-multimedia-media-item__information--cVU-9 {
  padding: 15px 5px;
}

.CMS-CRC-src-scss-components-multimedia-media-item__title--3AhFL {
  font-size: 19.2px;
  line-height: 26px;
  margin-bottom: 15px;
}

.CMS-CRC-src-scss-components-multimedia-media-item__description--3rDdP {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 15px;
}

.CMS-CRC-src-scss-components-multimedia-media-item__sub-description--2AhPL {
  font-size: 12px;
  font-style: italic;
  line-height: 17px;
  margin-bottom: 15px;
}

.CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx {
  border-top: 1px solid #e0e0e0;
  padding: 10px 15px;
}

.CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx li {
  padding-right: 5px;
}

.CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx li::after {
  bottom: 0;
  color: #222;
  content: ',';
  line-height: 14px;
  position: absolute;
  right: inherit;
  top: inherit;
}

.CMS-CRC-src-scss-components-multimedia-media-item__tags--19uUx li:last-of-type::after {
  content: '';
}

.CMS-CRC-src-scss-components-multimedia-media-item__tag-title--qRDgU {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-right: 5px;
}

.CMS-CRC-src-scss-components-multimedia-media-item__tag--2nmqN {
  color: #005670;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: underline;
  white-space: pre-wrap;
}

.CMS-CRC-src-scss-components-multimedia-media-item__tag--2nmqN span {
  color: #005670;
  font-size: inherit;
  font-weight: inherit;
}

.CMS-CRC-src-scss-components-multimedia-media-item__tag--2nmqN:hover,
.CMS-CRC-src-scss-components-multimedia-media-item__tag--2nmqN:focus {
  color: #222;
  text-decoration: underline;
}

.CMS-CRC-src-scss-components-multimedia-media-item__tag--2nmqN:hover span,
.CMS-CRC-src-scss-components-multimedia-media-item__tag--2nmqN:focus span {
  color: #222;
}

.photo-preview-container,
.video-preview-container {
  padding: 0;
}

.photo-preview-container button,
.video-preview-container button {
  margin-bottom: 0;
}

.photo-preview-container button:hover,
.photo-preview-container button:focus,
.video-preview-container button:hover,
.video-preview-container button:focus {
  outline: none;
}

.photo-preview-container .photo-preview-container-information,
.photo-preview-container .video-preview-container-information,
.video-preview-container .photo-preview-container-information,
.video-preview-container .video-preview-container-information {
  padding: 15px;
}

.photo-preview-container .photo-preview-container-information .h3,
.photo-preview-container .video-preview-container-information .h3,
.video-preview-container .photo-preview-container-information .h3,
.video-preview-container .video-preview-container-information .h3 {
  line-height: 1.375;
}

.photo-preview-container .photo-preview-container-information .download-link-container,
.photo-preview-container .video-preview-container-information .download-link-container,
.video-preview-container .photo-preview-container-information .download-link-container,
.video-preview-container .video-preview-container-information .download-link-container {
  display: inline-block;
  font-weight: 400;
}

.photo-preview-container .photo-preview-container-tag,
.photo-preview-container .video-preview-container-tag,
.video-preview-container .photo-preview-container-tag,
.video-preview-container .video-preview-container-tag {
  border-top: 0;
  padding: 0;
}

.photo-preview-container .photo-preview-container-tag>div,
.photo-preview-container .video-preview-container-tag>div,
.video-preview-container .photo-preview-container-tag>div,
.video-preview-container .video-preview-container-tag>div {
  border-top: 1px solid #e0e0e0;
  padding: 10px 15px;
}

.photo-preview-container .photo-preview-container-tag>div div,
.photo-preview-container .video-preview-container-tag>div div,
.video-preview-container .photo-preview-container-tag>div div,
.video-preview-container .video-preview-container-tag>div div {
  font-size: 0.8125rem;
}

.photo-preview-container .photo-preview-container-tag ul,
.photo-preview-container .video-preview-container-tag ul,
.video-preview-container .photo-preview-container-tag ul,
.video-preview-container .video-preview-container-tag ul {
  line-height: 14px;
}

.photo-preview-container .photo-preview-container-tag ul li,
.photo-preview-container .video-preview-container-tag ul li,
.video-preview-container .photo-preview-container-tag ul li,
.video-preview-container .video-preview-container-tag ul li {
  display: inline;
  line-height: 14px;
  margin-right: 0;
  padding-right: 6px;
}

.photo-preview-container .photo-preview-container-tag ul li a,
.photo-preview-container .video-preview-container-tag ul li a,
.video-preview-container .photo-preview-container-tag ul li a,
.video-preview-container .video-preview-container-tag ul li a {
  display: inline;
  line-height: 14px;
}

.photo-preview-container .photo-preview-container-tag ul li a span,
.photo-preview-container .video-preview-container-tag ul li a span,
.video-preview-container .photo-preview-container-tag ul li a span,
.video-preview-container .video-preview-container-tag ul li a span {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 14px;
  padding-right: 0;
}

.photo-preview-container .photo-preview-container-tag ul li a:hover,
.photo-preview-container .photo-preview-container-tag ul li a:focus,
.photo-preview-container .video-preview-container-tag ul li a:hover,
.photo-preview-container .video-preview-container-tag ul li a:focus,
.video-preview-container .photo-preview-container-tag ul li a:hover,
.video-preview-container .photo-preview-container-tag ul li a:focus,
.video-preview-container .video-preview-container-tag ul li a:hover,
.video-preview-container .video-preview-container-tag ul li a:focus {
  color: #222;
}

.photo-preview-container .photo-preview-container-tag ul li a:hover span,
.photo-preview-container .photo-preview-container-tag ul li a:focus span,
.photo-preview-container .video-preview-container-tag ul li a:hover span,
.photo-preview-container .video-preview-container-tag ul li a:focus span,
.video-preview-container .photo-preview-container-tag ul li a:hover span,
.video-preview-container .photo-preview-container-tag ul li a:focus span,
.video-preview-container .video-preview-container-tag ul li a:hover span,
.video-preview-container .video-preview-container-tag ul li a:focus span {
  color: #222;
}

.photo-preview-container .photo-preview-container-tag ul li::after,
.photo-preview-container .video-preview-container-tag ul li::after,
.video-preview-container .photo-preview-container-tag ul li::after,
.video-preview-container .video-preview-container-tag ul li::after {
  bottom: 0;
  color: #222;
  content: ',';
  line-height: 14px;
  position: absolute;
  right: inherit;
  top: inherit;
}

.photo-preview-container .photo-preview-container-tag ul li:last-of-type::after,
.photo-preview-container .video-preview-container-tag ul li:last-of-type::after,
.video-preview-container .photo-preview-container-tag ul li:last-of-type::after,
.video-preview-container .video-preview-container-tag ul li:last-of-type::after {
  content: '';
}

.CMS-CRC-src-components-video-item-style__image-container--1NNsN {
  position: relative;
}

.CMS-CRC-src-components-video-item-style__image-container--1NNsN:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/content/images/video-play.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.CMS-CRC-src-components-video-item-style__video-length--1eAH8 {
  display: inline-block;
  background-color: #383838;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  padding: 3px 10px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.CMS-CRC-src-components-banner-set-style__banner-set--3MjVl {
  padding: 20px 0;
}

.CMS-CRC-src-components-banner-set-style__banner-set--3MjVl .banner-160 {
  width: 190px;
}

.CMS-CRC-src-components-banner-set-style__banner-set--3MjVl .banner-120 {
  width: 180px;
}

.CMS-CRC-src-components-banner-set-style__banner-set--3MjVl .banner-468 {
  width: 498px;
}

.CMS-CRC-src-components-banner-set-style__banner-set--3MjVl .banner-300 {
  width: 330px;
}

.CMS-CRC-src-components-banner-set-style__banner-set--3MjVl .banner-728 {
  width: 758px;
}

.CMS-CRC-src-components-banner-set-style__banner-set--3MjVl .banner-125 {
  width: 185px;
}

.CMS-CRC-src-components-banner-set-style__banner-list--3FW0w {
  margin: 30px -15px 0;
}

.CMS-CRC-src-components-banner-set-style__banner--3cYVx {
  padding: 0 15px;
  margin-bottom: 30px;
}

.CMS-CRC-src-components-banner-set-style__banner-title--6CIbJ {
  font-weight: 600;
}

.CMS-CRC-src-components-banner-set-style__codes--1gnZ4 {
  padding-top: 30px;
}

.CMS-CRC-src-components-banner-set-style__label--2KLDc {
  text-align: left;
  display: inline-block;
  margin-bottom: .5rem;
  font-size: 14px;
  text-align: left;
  font-weight: 600;
}

.CMS-CRC-src-containers-related-items-container-style__related-videos-container--2H_Tm {
  padding-top: 30px;
  border-top: 1px solid #e0e0e0;
}

.CMS-CRC-src-containers-related-items-container-style__related-list--1cm39 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5 {
  width: 25%;
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5 {
    width: 50%;
  }
}

@media only screen and (max-width: 640px) {
  .CMS-CRC-src-containers-related-items-container-style__media-item--1jUa5 {
    width: 100%;
  }
}

.CMS-CRC-src-containers-back-button-style__container--tJs1_ {
  text-align: center;
}

.CMS-CRC-src-containers-back-button-style__button--1Z5iM {
  font-size: 14px;
  padding-left: 37px !important;
  padding-right: 29px !important;
}

.CMS-CRC-src-containers-back-button-style__button--1Z5iM:after {
  background: url("/content/images/chevron_right.svg") 0 0 no-repeat;
  content: '';
  height: 11px;
  left: 23px !important;
  position: absolute;
  right: 23px;
  top: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
  width: 8px;
}

#jobsList .filters-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 300px;
}

#jobsList .filters-wrapper>div {
  min-width: 300px;
}

#jobsList .sort-heading-wrapper {
  margin-top: 1rem;
}

.reactSelect__menu-list {
  -ms-overflow-style: scrollbar;
}

.walmart-cta {
  margin: 0 9px;
}

.walmart-cta-content {
  min-height: 200px;
  padding: 30px;
  position: relative;
}

.walmart-cta-content:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(0, 0, 0, .4)), to(transparent));
  background: linear-gradient(to right, rgba(0, 0, 0, .4) 40%, transparent);
  content: ' ';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.walmart-cta-content-image {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
  z-index: -2;
}

.walmart-cta-content-title {
  color: #fff;
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: auto;
  text-align-last: justify;
  text-transform: uppercase;
  white-space: nowrap;
  width: 200px;
}

.walmart-cta-content-catchphrase {
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
  margin: auto;
  text-align-last: justify;
  text-transform: uppercase;
  white-space: nowrap;
  width: 200px;
}

html[lang=fr] .walmart-cta-content-title {
  width: 160px;
}

html[lang=fr] .walmart-cta-content-title::first-line {
  font-size: 14px;
}

html[lang=fr] .walmart-cta-content-catchphrase {
  font-size: 37px;
  line-height: 1.4;
  width: 160px;
}

.walmart-cta-content-button {
  margin-top: 30px;
  text-align: center;
}

.walmart-cta-content-button a {
  background: #e00;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  transition: background 0.25s ease-out;
  overflow: hidden;
  padding: 15px 25px 15px 45px;
  position: relative;
}

.walmart-cta-content-button a span {
  color: #fff;
  position: relative;
  z-index: 2;
}

.walmart-cta-content-button a:hover {
  background: #c00;
  text-decoration: none;
}

.walmart-cta-content-button a::before {
  content: '\f004';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 14px;
  margin-right: 10px;
  position: absolute;
  left: 22px;
  top: 18px;
  z-index: 2;
  animation: throb 2s ease-in-out infinite;
  transition: all 1s ease-out;
}

.walmart-cta-content-button a::after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background: #fff;
  position: absolute;
  left: 26px;
  top: 28px;
  z-index: 1;
  border-radius: 50%;
  animation: pulse 2s ease-out infinite;
  transition: all 1s ease-out;
}

@keyframes throb {
  0% {
    scale: 1;
  }

  50% {
    scale: 1.3;
  }

  100% {
    scale: 1;
  }
}

@keyframes pulse {
  0% {
    scale: 1;
    opacity: .2;
  }

  20% {
    scale: 1;
    opacity: .2;
  }

  100% {
    scale: 80;
    opacity: 0;
  }
}

.walmart-cta-footer {
  margin: 0 9px;
  padding: 30px;
}

.walmart-cta-footer-logos {
  text-align: center;
}

.walmart-cta-footer-image {
  max-width: 300px;
  width: 100%;
}

.walmart-cta-footer-text {
  margin-top: 20px;
  text-align: center;
}

.walmart-cta-footer-text div:first-of-type {
  font-weight: bold;
}

@media (min-width: 400px) {
  .walmart-cta-content-title {
    font-size: 17px;
    width: 270px;
  }

  .walmart-cta-content-catchphrase {
    font-size: 46px;
    width: 270px;
  }

  html[lang=fr] .walmart-cta-content-title {
    width: 220px;
  }

  html[lang=fr] .walmart-cta-content-title::first-line {
    font-size: 19px;
  }

  html[lang=fr] .walmart-cta-content-catchphrase {
    font-size: 51px;
    width: 220px;
  }
}

@media (min-width: 650px) {
  .walmart-cta-footer {
    align-items: center;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr auto;
  }

  .walmart-cta-content-title {
    margin: 0;
  }

  .walmart-cta-content-catchphrase {
    margin: 0;
  }

  .walmart-cta-content-button {
    margin-top: 60px;
    text-align: left;
  }

  .walmart-cta-footer-logos {
    text-align: left;
  }

  .walmart-cta-footer-text {
    margin: 0;
    text-align: right;
  }
}

@media (min-width: 768px) {
  .walmart-cta-content {
    padding: 40px;
  }

  .walmart-cta-content-title {
    font-size: 22px;
    width: 350px;
  }

  .walmart-cta-content-catchphrase {
    font-size: 60px;
    width: 350px;
  }

  html[lang=fr] .walmart-cta-content-title {
    width: 285px;
  }

  html[lang=fr] .walmart-cta-content-title::first-line {
    font-size: 25px;
  }

  html[lang=fr] .walmart-cta-content-catchphrase {
    font-size: 67px;
    width: 285px;
  }

  .walmart-cta-content-button {
    margin-top: 80px;
  }
}

@media (min-width: 1024px) {
  .walmart-cta-content {
    padding: 60px;
  }

  .walmart-cta-content-title {
    font-size: 28px;
    width: 450px;
  }

  .walmart-cta-content-catchphrase {
    font-size: 77px;
    width: 450px;
  }

  html[lang=fr] .walmart-cta-content-title {
    width: 362px;
  }

  html[lang=fr] .walmart-cta-content-title::first-line {
    font-size: 32px;
  }

  html[lang=fr] .walmart-cta-content-catchphrase {
    font-size: 85px;
    width: 362px;
  }

  .walmart-cta-content-button {
    margin-top: 100px;
  }

  .walmart-cta-footer-image {
    max-width: 400px;
  }
}

@media (min-width: 1200px) {
  .walmart-cta-content {
    padding: 60px;
  }

  .walmart-cta-content-title {
    font-size: 34px;
    width: 550px;
  }

  .walmart-cta-content-catchphrase {
    font-size: 94px;
    width: 550px;
  }

  html[lang=fr] .walmart-cta-content-title {
    width: 440px;
  }

  html[lang=fr] .walmart-cta-content-title::first-line {
    font-size: 38px;
  }

  html[lang=fr] .walmart-cta-content-catchphrase {
    font-size: 103px;
    width: 440px;
  }

  .walmart-cta-content-button {
    margin-top: 100px;
  }

  html[lang=fr] .walmart-cta-content-button {
    margin-top: 60px;
  }
}

/* styles added and fixed by Darren 08/21 */
.wrapper {
  display: flex;
  margin-bottom: 30px;
  padding: 0 15px;
  width: 33.33%;
}

@media only screen and (max-width: 640px) {
  .wrapper {
    width: 100%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 950px) {
  .wrapper {
    width: 50%;
  }
}

/* basic image credit styles */
div.basic-image-container,
figure.basic-image-container {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

div.basic-image-container:has(.basic-image-credit)::after,
figure.basic-image-container:has(.basic-image-credit)::after {
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.3) 12%,
      rgba(0, 0, 0, 0.1) 27%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 47%,
      rgba(0, 0, 0, 0) 47% 84%);
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

div.basic-image-container img.basic-image,
figure.basic-image-container img.basic-image {
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}

div.basic-image-container:has(.basic-image-credit) span.basic-image-credit,
figure.basic-image-container:has(.basic-image-credit) figcaption.basic-image-credit {
  background: inherit;
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 0.625rem;
  left: 0;
  line-height: 1.2;
  padding: 5px 15px 5px 15px;
  position: absolute;
  text-align: left;
  text-shadow: 2px 2px 32px #000;
  width: 100%;
  z-index: 1;
}

/* HOME CTA - image credit */
.home-cta div.basic-image-container:has(.basic-image-credit) span.basic-image-credit {
  padding: 5px 20px 8px;
}

/* Card Layout CTAs - image credit */
.listing>.medium-cta .panel .basic-image-container:has(.basic-image-credit)::after {
  display: none;
}

.listing>.medium-cta .panel .basic-image-container:has(.basic-image-credit) .basic-image-credit {
  display: none;
}

.listing>.medium-cta .panel .basic-image-credit-cta {
  background: inherit;
  color: #222;
  display: block;
  font-size: 0.625rem;
  left: 0;
  padding: 3px 15px 0 0;
  text-align: left;
  text-shadow: none;
  width: 100%;
}

/* Thumbnail CTA preview - image credit */
.listing article .ctaImage .basic-image-container:has(.basic-image-credit)::after,
.listing .row .medium-4>.basic-image-container:has(.basic-image-credit)::after,
.jobs-page .jobs-page-section .content-item.content-with-thumbnail .basic-image-container:has(.basic-image-credit)::after {
  display: none;
}

.listing article .ctaImage .basic-image-container:has(.basic-image-credit) .basic-image-credit,
.listing .row .medium-4>.basic-image-container:has(.basic-image-credit) .basic-image-credit,
.jobs-page .jobs-page-section .content-item.content-with-thumbnail:not(.cta-content) .basic-image-container:has(.basic-image-credit) .basic-image-credit {
  background: inherit;
  color: #222;
  display: block;
  font-size: 0.625rem;
  left: 0;
  padding: 3px 15px 0 0;
  position: relative;
  text-align: left;
  text-shadow: none;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .jobs-page .jobs-page-section .content-item.content-with-thumbnail.cta-content .basic-image-container {
    margin-bottom: 20px;
  }
}

/* Inline Image as Banner - image credit */
.banner.bottom .basic-image-container:has(.basic-image-credit)::after {
  display: none;
}

.banner.bottom>.basic-image-container:has(.basic-image-credit) {
  padding: 0;
}

.banner.bottom .basic-image-container:has(.basic-image-credit) .basic-image-credit {
  color: #222;
  padding: 3px 15px 0 0;
  position: relative;
  text-shadow: none;
}

/* Active Responses CTAs - image credit*/
.donate-featured-ctas-container .cta-container.cta-container-winm .image-container:has(.basic-image-credit)::after,
.donate-featured-ctas-container .ctas-wrapper .donate-cta .basic-image-container:has(.basic-image-credit)::after {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* HOME BIG CTA */
.big-cta figure.basic-image-container:has(.basic-image-credit) figcaption.basic-image-credit {
  bottom: 10px;
  padding-left: 30px;
}

.big-cta figure.basic-image-container::after {
  background: inherit;
}

@media (min-width: 768px) {
  .big-cta figure.basic-image-container:has(.basic-image-credit) figcaption.basic-image-credit {
    padding-left: 40px;
  }
}

@media (min-width: 1024px) {
  .big-cta figure.basic-image-container:has(.basic-image-credit) figcaption.basic-image-credit {
    padding-left: 60px;
  }
}

div.basic-image-container:has(.basic-image-credit) div.basic-image-overlay,
figure.basic-image-container:has(.basic-image-credit) div.basic-image-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

div.basic-image-container div.basic-image-overlay.dark,
figure.basic-image-container div.basic-image-overlay.dark {
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.1),
      rgba(0, 0, 0, 0.4),
      black);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

div.basic-image-container div.basic-image-overlay.light,
figure.basic-image-container div.basic-image-overlay.light {
  background-image: linear-gradient(to bottom,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.4),
      white);
}

div.basic-image-container div.basic-image-overlay.dark-left-to-right,
figure.basic-image-container div.basic-image-overlay.dark-left-to-right {
  background-image: linear-gradient(to left,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.4) 40%);
}

div.basic-image-container div.basic-image-overlay.light-left-to-right,
figure.basic-image-container div.basic-image-overlay.light-left-to-right {
  background-image: linear-gradient(to left,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.4) 40%);
}

/* Wrapping Inline Image */
.rich-text figure.basic-image-container img.basic-image {
  width: auto;
}

.rich-text figure.basic-image-container:has(.basic-image-credit)::after {
  display: none;
}

.rich-text figure.basic-image-container:has(.basic-image-credit) figcaption.basic-image-credit {
  color: #222;
  padding: 3px 15px 0 0;
  position: relative;
  text-shadow: none;
}